5 hands-on exercises and 5 find-the-bug challenges for the CSS Opacity lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Set #box to 50% opacity using a decimal.
Set #box to 35% opacity using a percentage.
Make #box fully transparent but still take up space.
Set #wrap to 0.75 so everything inside fades together.
A half-transparent background with fully opaque text.
An opacity of 2 clamps to fully opaque.
Without a % this reads as 35, which clamps to 1.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceFading to nothing uses opacity.
The whole group should fade together.
Only the background should be translucent, not the contents.