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

Webサイトで、アイコンや画像がくるっと回転する演出を見たことはありませんか？ メニューの矢印が下を向いたり、ボタンのアイコンが回転したりする動きは、CSSの transform: rotate を使えば簡単に実現できます。 今回は「回転アニメーションの基本」と ...

CSS3のrotateプロパティを使って、要素の角度を調整することができます。 これを応用して、アナログ時計を作ってみましょう。 サンプルを見る ※今回のサンプルは、CSS3の「transitionプロパティ」に対応した「Firefox」「Chrome」「Safari」でしか動作しません。

Then the css bundle removes all individual transformation properties written before transform property and all those transformation properties written after transform property are merged into the ...