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

Söndür

Ne yapıyoruz

Gerçek bir trafik lambasında aynı anda yalnız bir ışık yanar. Önce hepsini söndürelim: saydamlığı artırıp sönük gösterelim. Sonra sırayla yakacağız.

```css
opacity: 0.25;
```

Ne işe yarıyor

• opacity: 0.25; → görünürlük: 1 tam görünür, 0 hiç görünmez. 0.25 dörtte bir: lamba sönük, rengi zar zor seçiliyor.
• .lamp kuralına yazıyoruz ki üç lambaya birden uygulansın.

Sıra sende

Satırı .lamp kuralının içine, background satırının altına ekle. Çalıştır.

Beceriler: CSS ile görünüm

← Kırmızı, sarı, yeşil Bir lamba için zaman çizelgesi →

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