whose-turn-is-it/index.css

23 lines
No EOL
318 B
CSS

.timer {
font-size: 10em;
font-weight: bold;
text-align: center;
line-height: 1.2;
}
@keyframes blinker {
50% {
opacity: 0.3;
}
}
.timer.my-turn {
color: #0f0;
animation: blinker 2s ease infinite;
}
.timer.over {
color: #f00;
animation: blinker 0.5s ease infinite;
}