Ahmed Sadek Chapter 3: 3D Transforms

Inspired by Chapter 3 of Ahmed Sadek's Creative CSS Animations, Transitions and Transforms Course

Flip Card

Front
Back

Hover to flip the card around its Y-axis using rotateY(180deg).

3D Rotate Box

Rotate

Hover to rotate this box in 3D using rotate3d(1, 1, 0, 180deg).