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; } }