CSS Dojo
道場 · practice
Tracks
·
Write real CSS. Match the target.
←
All tracks
Track
CSS Transforms
translate, rotate, scale, skew — and the transform-origin that decides where they pivot.
↗
CSS Transforms
01
Move it with translate
☆
☆
☆
02
Translate ignores layout
☆
☆
☆
03
Spin with rotate
☆
☆
☆
04
Grow with scale
☆
☆
☆
05
Stretch one axis at a time
☆
☆
☆
06
Slant with skew
☆
☆
☆
07
Pick the pivot
☆
☆
☆
08
Chain transforms, mind the order
☆
☆
☆
09
Boss: transform the pair
☆
☆
☆