Workshop › Traffic light › Step 12 of 12

Build it yourself: a pole

What we are doing

A traffic light stands on a pole. Add one under it: a narrow grey box.

Your turn

• Under the light (after its closing </div>), add a div with the class pole.
• Style .pole: narrower than the light, at least 50px tall, with a background color.

Skills: HTML structure, Styling with CSS

← One setting for the speed

All steps

1. An empty box
2. Give the box a shape
3. Three lamps inside
4. Round lamps
5. Stack them in the middle
6. Red, yellow, green
7. Turn them off
8. A timeline for a lamp
9. Play the timeline
10. One after another
11. One setting for the speed
12. Build it yourself: a pole