diff --git a/style.css b/style.css index 578a514..91dec3f 100644 --- a/style.css +++ b/style.css @@ -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; + } }