本日のできるネット

CSSリファレンス - 要素の変形に関連したプロパティの使い方

 transformプロパティは、トランスフォーム関数を指定して対象要素を平面空間で変形させます。CSS3におけるtransformプロパティの意味と使い方、値の指定方法、サンプルコード、使用例について解説します。

できるネットのtransformプロパティの意味と使い方(平面空間での変形)


 transformプロパティは、トランスフォーム関数を指定して対象要素を3D空間で変形させます。CSS3におけるtransformプロパティの意味と使い方、値の指定方法、サンプルコード、使用例について解説します

できるネットのtransformプロパティの意味と使い方(3D空間での変形)


 transform-originプロパティは、変形させる要素の中心点の位置を指定します。CSS3におけるtransform-originプロパティの意味と使い方、値の指定方法、サンプルコード、使用例について解説します。

できるネットのtransform-originプロパティの意味と使い方


 perspectiveプロパティは、視点の距離を指定することでz軸に変形した要素の奥行きを表します。CSS3におけるperspectiveプロパティの意味と使い方、値の指定方法、サンプルコード、使用例について解説します。

できるネットのperspectiveプロパティの意味と使い方