Ampeln Schalten

ich habe das Ampel css-Tutorial durch gearbeitet und möchte die Ampeln durch Eingänge schalten.

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <style>
#css-ampel {
  display: flex;
  flex-direction:column;
  width: 30px;
  height: 90px;
  border-radius: 6px;
  background: black;
  zoom: 1.7;
}
#css-ampel div{
  background: dimgrey;
  border-radius:50%;
  flex:1;
  margin:3px;
  justify-content:center;
}    
.ampelred > #ampelred{
    background: red;
    box-shadow: 0 0 20px red;
}
.ampelyellow > #ampelyellow{
    background: yellow;
    box-shadow: 0 0 20px yellow;
}
.ampelgreen > #ampelgreen{
    background: limegreen;
    box-shadow: 0 0 20px limegreen;
}
.auto >#ampelred{
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX