今回はCSS3でもあまり一般的に知られてないtransformプロパティについて説明します。transformプロパティは2008年の11月まではWebkit系とAppleのブラウザとSafariの独自実装でしたが、 11月以降は正式にW3CにEditors Draftとして受けいられ、現在は策定中です[1]。
transformで、translate、rotate、scaleをまとめて操作したい場合、順番を間違えると、中心がずれてしまったりして、思った挙動にならない。 translate、rotate、scaleの順番で指定すれば、正しく動作する transform: translate (100px,100px) rotateX (45deg) rotateY (90deg) scale (0.8); ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する