CSS 3D Transforms: Interactive Demo
1
2
3
4
5
6
7
8
#stage
perspective (px)
perspective-origin-x (%)
perspective-origin-y (%)
#shape (.face origin)
transform-style:
preserve 3d
flat
animation-duration (s)
visibility:
transparent
solid
.face (matrix.translate)
translateX (px)
translateY (px)
translateZ (px)
.face (matrix.rotate)
rotateX (deg)
rotateY (deg)
rotateZ (deg)
.face (matrix.scale)
scaleX
scaleY
scaleZ
.face (matrix.skew)
skewX
skewY
.face
opacity
backface-visibility:
visible
hidden
Home
