46 lines
670 B
CSS
46 lines
670 B
CSS
|
|
table {
|
|
background-color: blue
|
|
}
|
|
|
|
td {
|
|
background-color:white;
|
|
width:5em;
|
|
height:5em;
|
|
border-radius: 100%;
|
|
border: solid 0.2em blue
|
|
}
|
|
.player1 {
|
|
background-color: red;
|
|
}
|
|
|
|
.player2 {
|
|
background-color: yellow;
|
|
}
|
|
.winning1 {
|
|
border: solid 0.2em red;
|
|
animation: glow1 1s infinite alternate;
|
|
}
|
|
.winning2 {
|
|
border: solid 0.2em yellow;
|
|
animation: glow2 1s infinite alternate;
|
|
}
|
|
|
|
@keyframes glow1 {
|
|
from {
|
|
box-shadow: 0 0 10px -10px #ba4551;
|
|
}
|
|
to {
|
|
box-shadow: 0 0 10px 10px #ba4551;
|
|
}
|
|
}
|
|
|
|
@keyframes glow2 {
|
|
from {
|
|
box-shadow: 0 0 10px -10px #eff285;
|
|
}
|
|
to {
|
|
box-shadow: 0 0 10px 10px #eff285;
|
|
}
|
|
}
|