今回はCSS3でもあまり一般的に知られてないtransformプロパティについて説明します。transformプロパティは2008年の11月まではWebkit系とAppleのブラウザとSafariの独自実装でしたが、 11月以降は正式にW3CにEditors Draftとして受けいられ、現在は策定中です[1]⁠。

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

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