Meet @keyframes
Level 1 of 9Your goal
Write a @keyframes block and attach it to .box with animation-name so the box ends 200px to the right of where it starts. Use transform: translateX(...) in the final (to) frame. The other animation settings are already there and freeze the box at the end.
Must use
animation-nametarget 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.