5 hands-on exercises and 5 find-the-bug challenges for the CSS Transform lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Rotate #box by 45 degrees using the rotate property.
Scale #box to 1.5 times its size.
Translate #box 10px right and 20px down.
Set the transform origin of #box to its top-left corner.
Rotate #box 30 degrees and scale it to 2.
An angle needs a unit such as deg.
scale takes a plain number, not a length.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThe horizontal value comes first.
The property is transform-origin.
The inner box should rotate, not the wrapper.