CSS3 変換の概要_html/css_WEB-ITnose

Ø 回転rotate() (正 - 順負 - 逆)

Ø 歪みskew()

Ø Scale()

Ø 変位translate()

Ø 行列matrix( a,b,c, d ,e,f )

a: 水平方向の拡大、1 は元のサイズ

b: 縦方向の歪み、0 は変更されません

c: 水平方向の歪み、0 は変更されません

d: 垂直方向の拡張、1 は元のサイズ

e: 水平オフセット、0 が初期位置

f : 垂直オフセット方向、0 が初期位置

Ø 原点transform-origin()

どの要素にも中心点があり、デフォルトではその中心点が配置されます要素の X 軸と Y 軸の 50% の位置 (要素

の原点位置は、transform-origin によって変更できます)