2018年4月19日のブックマーク (1件)

  • 【CSS3】Transform(変形)関連のまとめ - Qiita

    はじめに この記事は、HTMLCSSの基礎知識がある方向けの内容です。 CSS3から要素の変形が指定できる、transformトランスフォーム)プロパティが追加されました。 transformプロパティを使うことで、要素に対して移動、回転、伸縮、傾斜の変形を加えることができます。 ボタンにマウスカーソルを乗せたときに、移動したり、大きさを変えたりするのに使われるプロパティです。 jQueryやJavaScriptを使って似たようなことができますが、CSSを使う方がヌルヌル動きます。 transform(変形)には、2D( XY 方向)と 3D( XYZ 方向)があり、3D 表示するには複数のプロパティを指定する必要があります。 解説の都合上、プロパティは順番に説明しているため、記事の途中で 3D 表示を試しても意図した 3D 表示がされません。 検証する場合は、一読して全てのプロパティ

    【CSS3】Transform(変形)関連のまとめ - Qiita