sam.hadow/connect4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

glow animation when winning

Browse Source
This commit is contained in:
Sam Hadow 2025-01-29 18:53:14 +01:00
parent 41ddcb3144
commit e76620d51b
1 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
style.css
View File

@ -18,8 +18,28 @@ td {
background-color: yellow;
}
.winning1 {
box-shadow: 5px 5px 5px 5px red;
border: solid 0.2em red;
animation: glow1 1s infinite alternate;
}
.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;
}
}