CSS3で導入される機能のひとつにtransformがある。この機能を使うと要素を回転させたりスケールさせたり任意の位置へ移動させるといったことが簡単に実現できるようになる。特に回転やスケールはこの機能を示すわかりやすい機能であるため、さまざまな ...

今回のお題は、 画像にキャプションを示すアニメーションだ。マウスポインタを画像に重ねると説明書きが現れる （サンプル1⁠）⁠。画像にもちょっとしたアニメーションが加えてある。用いる設定は、 さほど目新しいものではない。組み合わせや細かな ...

実装としては、今まで同様、jQueryの「toggleメソッド」を使って、対象のエレメントの「translateプロパティ」を変更しているだけです。 ここで重要になってくるのは、下記のCSSで「transitionプロパティ」の設定をしている部分です。 ・cubic-bezier(数値, 数値 ...