CSS Dojo道場 · practice
All levels

Grow with scale

Level 4 of 9

Your goal

Scale the 100 × 100 box by 1.5 around its centre. It becomes 150 × 150 and grows 25px in every direction.

Must usetransform
Not allowedwidthheightmarginpositioninset
target content boxtarget outer edge (green = matched, red = not yet)
Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.