transformとは？
状態:確認中
閲覧数:2,707
投稿日:2015-01-20
更新日:2015-01-20
要素の変形方法を指定するCSSプロパティ
・transformプロパティの値には、4種類の関数を指定可能
「transformプロパティ」の値として指定可能な関数名
・transformプロパティの値には、4種類の関数を指定可能
「transformプロパティ」の値として指定可能な関数名
| 関数名 | 機能 |
|---|---|
| translate | 平行移動。移動量はpxを付けてピクセル単位で指定 |
| scale | 拡大縮小。拡大率を1.0を基準として指定 |
| rotate | 回転。回転する角度をdegを付けて度で指定。3D TransformsモジュールではX軸、Y軸を軸に回転するrotateX、rotateYも使用可能 |
| skew | ゆがみ。ゆがめる角度をdegを付けて指定 |
| matrix | 行列を使用した変形を実施 |