DXB CSS

Transforms 3D

rotate, scale, skew, translate, perspective, backface-visibility

Rotate

0°
rotate-0
12°
rotate-12
45°
rotate-45
90°
rotate-90
180°
rotate-180
-12°
-rotate-12

Scale

50
scale-50
75
scale-75
100
scale-100
110
scale-110
125
scale-125

Skew

skew-x-6
skew-x-6
skew-x-12
skew-x-12
skew-y-6
skew-y-6
skew-y-12
skew-y-12

3D Hover Card (Hover해보세요!)

transform-style: preserve-3d + perspective + rotateY + rotateX

⚡

3D Tilt Card

Hover for perspective effect

🎨

Color Card

Smooth perspective rotation

🚀

Launch Card

Pure CSS 3D transform

Flip Card (Hover해보세요!)

backface-visibility: hidden + rotateY(180deg)

🃏
Hover Me!
⚡
DXB CSS!
🌟
Flip Me!
🎯
v3.0!