glow animation when winning
This commit is contained in:
parent
41ddcb3144
commit
e76620d51b
24
style.css
24
style.css
@ -18,8 +18,28 @@ td {
|
|||||||
background-color: yellow;
|
background-color: yellow;
|
||||||
}
|
}
|
||||||
.winning1 {
|
.winning1 {
|
||||||
box-shadow: 5px 5px 5px 5px red;
|
border: solid 0.2em red;
|
||||||
|
animation: glow1 1s infinite alternate;
|
||||||
}
|
}
|
||||||
.winning2 {
|
.winning2 {
|
||||||
box-shadow: 5px 5px 5px 5px yellow;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user