CSS3 Generator

transform: rotate3d

PREVIEW

INPUT

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

MAIN

X
(X軸ベクトル)
Y
(Y軸ベクトル)
Z
(Z軸ベクトル)
Angle
(回転)
°

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