JSFiddle - React, Tailwind, and code Playground
HTML
<div class="glow"></div>
CSS
.glow {
width: 85px;
height: 240px;
top: -20px;
opacity: 0.2;
position: relative;
background-image: url("http://i.cubeupload.com/7EYfla.png");
-webkit-animation: play 3s infinite;
-moz-animation: play 3s infinite;
-ms-animation: play 3s infinite;
-o-animation: play 3s infinite;
animation: play 3s infinite;
}
@-webkit-keyframes play {
0% { opacity: 0.2; }
50% { opacity: 0.4; }
100% { opacity: 0.2 }
}
@-moz-keyframes play {
0% { opacity: 0.2; }
50% { opacity: 0.4; }
100% { opacity: 0.2 }
}
@-ms-keyframes play {
0% { opacity: 0.2; }
50% { opacity: 0.4; }
100% { opacity: 0.2 }
}
@-o-keyframes play {
0% { opacity: 0.2; }
50% { opacity: 0.4; }
100% { opacity: 0.2 }
}
@keyframes play {
0% { opacity: 0.2; }
50% { opacity: 0.4; }
100% { opacity: 0.2 }
}