ニチコマ合同会社(本社:東京都、代表:渡辺健太)は、CSSアニメーションを視覚的に作成し、コードを出力できるツール「アニメーションCSSジェネレーター by Toolpods」の提供を開始しました。 ニチコマ合同会社 従来のCSSアニメーション作成は、コードを ...
今回のお題も、前回と同じく項目を並べたメニューだ (サンプル1⁠)⁠。ただし、 今度は3次元のアニメーションにした。マウスポインタをメニュー項目に重ねると、 立方体のように垂直に回る。CSS3を使えば、 このような3次元の表現もできてしまう。
今回のお題は、 3つの立方体のマウスインタラクションだ。マウスポインタを重ねた立方体の色が変わり、 手前にスライドする (サンプル1⁠)⁠。実のところ、 3次元の操作は加えていない。2次元の変換で立体風に見せているだけだ。 「⁠3D cubes built and ...
JavaScript のみでリアルタイムにアニメーションしてくれます、これはすごい。 Animation.Cube クラスは、JavaScript のみでサイコロ回転風のアニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理 ...