CSS Dojo道場 · practice
All levels

Chain transforms, mind the order

Level 8 of 9

Your goal

Chain two functions in one transform: a translate of (40px, 20px) followed by a 45° rotate, in that order.

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.