備忘録的プログラミングリファレンス

transformプロパティ

 transformプロパティは、エレメントの回転、拡大/縮小、傾斜、移動を定義するプロパティです。

 変形ができないエレメントもあります。ほとんどのボックスエレメントは変形できます。

エレメントを40°回転
transform: rotate(40deg);

構文(Syntax)

CSS

transform: none | <transform-functions> | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.transform;
値の設定
object.style.transform="none | <transform-functions> | initial | inherit";

Values

Value摘要
none初期値(default値)
<transform-functions>transform-functionsデータ型を参照のこと
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none
継承(Inherited)No
CSS AnimationYes