CSS 3D Transform 產生器

透過視覺化控制項建立 CSS 3D 變形效果,可調整縮放、旋轉、位移、傾斜、透視距離與透視原點。所有變更都會即時套用到六面立方體,並自動產生可直接使用的 CSS。

CSS 屬性

{{ group.label }}
{{ control.axis }}
{{ control.unit }}

預覽

{{ transformSummary }}
FRONT
BACK
RIGHT
LEFT
TOP
BOTTOM
預設效果
CSS
{{ cssCode }}