whose-turn-is-it/index.css

23 lines
318 B
CSS
Raw Normal View History

2022-12-29 17:19:36 +01:00
.timer {
font-size: 10em;
font-weight: bold;
text-align: center;
line-height: 1.2;
}
2022-12-29 17:59:24 +01:00
@keyframes blinker {
50% {
2022-12-29 18:04:00 +01:00
opacity: 0.3;
2022-12-29 17:59:24 +01:00
}
}
.timer.my-turn {
color: #0f0;
2022-12-29 18:04:00 +01:00
animation: blinker 2s ease infinite;
2022-12-29 17:59:24 +01:00
}
2022-12-29 17:19:36 +01:00
.timer.over {
color: #f00;
2022-12-29 18:04:00 +01:00
animation: blinker 0.5s ease infinite;
2022-12-29 17:19:36 +01:00
}