|
|
| Line 27: |
Line 27: |
| | margin: 0px auto; | | margin: 0px auto; |
| | display: block | | display: block |
| − | }
| |
| − |
| |
| − | @-webkit-keyframes blink {
| |
| − | 0% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
| − | 24% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
| − | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
| − | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
| − | }
| |
| − |
| |
| − | @-moz-keyframes blink {
| |
| − | 0% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
| − | 24% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
| − | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
| − | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
| − | }
| |
| − |
| |
| − | @-o-keyframes blink {
| |
| − | 0% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
| − | 24% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
| − | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
| − | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
| − | }
| |
| − |
| |
| − | @keyframes blink {
| |
| − | 0% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
| − | 24% {border: 2px dotted red; border-radius: 5%; box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);}
| |
| − | 25% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
| − | 100% {border: 2px dotted transparent; border-radius: 5%; box-shadow: none;}
| |
| − | }
| |
| − |
| |
| − | .light1 {
| |
| − | -webkit-animation: blink 4s steps(4,end) 0s infinite normal;
| |
| − | -moz-animation: blink 4s steps(4,end) 0s infinite normal;
| |
| − | -o-animation: blink 4s steps(4,end) 0s infinite normal;
| |
| − | animation: blink 4s steps(4,end) 0s infinite normal;
| |
| − | }
| |
| − |
| |
| − | .light2 {
| |
| − | -webkit-animation: blink 4s steps(4,end) 1s infinite normal;
| |
| − | -moz-animation: blink 4s steps(4,end) 1s infinite normal;
| |
| − | -o-animation: blink 4s steps(4,end) 1s infinite normal;
| |
| − | animation: blink 4s steps(4,end) 1s infinite normal;
| |
| − | }
| |
| − |
| |
| − | .light3 {
| |
| − | -webkit-animation: blink 4s steps(4,end) 2s infinite normal;
| |
| − | -moz-animation: blink 4s steps(4,end) 2s infinite normal;
| |
| − | -o-animation: blink 4s steps(4,end) 2s infinite normal;
| |
| − | animation: blink 4s steps(4,end) 2s infinite normal;
| |
| − | }
| |
| − |
| |
| − | .light4 {
| |
| − | -webkit-animation: blink 4s steps(4,end) 3s infinite normal;
| |
| − | -moz-animation: blink 4s steps(4,end) 3s infinite normal;
| |
| − | -o-animation: blink 4s steps(4,end) 3s infinite normal;
| |
| − | animation: blink 4s steps(4,end) 3s infinite normal;
| |
| | } | | } |
| | | | |
