CSS Dojo道場 · practice
All levels

Spin with rotate

Level 3 of 9

Your goal

Rotate the 120 × 80 box 45° around its centre. Its bounding box becomes about 141 × 141.

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.