CSS3 Generator

transform: skew

PREVIEW

INPUT

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

MAIN

skew X
(X軸方向傾斜)
° skew Y
(Y軸方向傾斜)
°

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