css - Easily create an animated glow -

i created image:

using photoshop, had make around 50 layers manually, , create gif out of it. there easier way automatically create animated glow similar this?

you can use css animation. here example using vanilla div container, can give background image:

div {    width: 200px;    height: 200px;    border-radius: 100px;    background-color: #ccc;    animation: glow 1s infinite alternate;  }    @keyframes glow {    {      box-shadow: 0 0 10px -10px #aef4af;    }    {      box-shadow: 0 0 10px 10px #aef4af;    }  }

<div></div>