CSS Dojo道場 · practice
All levels

Slide with transform

Level 6 of 9

Your goal

Keep the box 120 × 60, shift it 160px to the right with transform: translateX(), and transition the transform property (0.4s).

Must usetransformtransition-property
Not allowedmargin
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.