Atölye › Trafik lambası › 12/12. adım

Kendin yap: direk

Ne yapıyoruz

Trafik lambası havada durmaz: bir direğin üstündedir. Lambanın altına bir direk ekle: dar, uzun, gri bir kutu.

Bu adımda kod verilmiyor. Bildiklerin yetiyor: bir div, bir sınıf adı ve genişlik, yükseklik, renk veren bir kural.

Sıra sende

Beceriler: HTML ile sayfa yapısı, CSS ile görünüm

Tüm adımlar

  1. Boş bir kutu
  2. Kutuya biçim ver
  3. İçine üç lamba
  4. Yuvarlak lambalar
  5. Ortada alt alta diz
  6. Kırmızı, sarı, yeşil
  7. Söndür
  8. Bir lamba için zaman çizelgesi
  9. Çizelgeyi oynat
  10. Sırayla
  11. Hız için tek ayar
  12. Kendin yap: direk