CSS3 Generator

transform: scale

PREVIEW

INPUT

親要素に transform-style:preserve-3d;
transform: rotate3d(-1, 1, 0, 30deg);
を指定し、立体描写を確認しやすくします。

MAIN

scale X
(X方向拡大縮小)
scale Y
(Y方向拡大縮小)
scale Z
(Z方向拡大縮小)

OPTION

transform-origin
(原点)
X:    Y: X : "left" or "center" or "right" or "Value(%,px)"
Y : "top" or "center" or "bottom" or "Value(%,px)"
transition duration: s   easing:    delay: s

CSS

MAIN

OPTION