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

Çizelgeyi oynat

Ne yapıyoruz

Zaman çizelgesini lambalara bağlıyoruz: "glow'u 6 saniyede oynat ve sonsuza kadar tekrarla".

```css
animation: glow 6s infinite;
```

Ne işe yarıyor

Sıra sende

Satırı .lamp kuralının içine, opacity satırının altına ekle. Çalıştır ve birkaç saniye izle.

Beceriler: 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