легко создать анимированный свечение

Question

Я создал этот образ:

Использование Photoshop, но я должен был сделать около 50 слоев вручную, а затем создать GIF из него. Есть ли более простой способ автоматически создать анимированное свечение, подобное этому?

Answer 1

Вы можете использовать анимацию css. Ниже приведен пример использования контейнера ванильного div, но вы можете дать ему фоновое изображение:

div { 
 
    width: 200px; 
 
    height: 200px; 
 
    border-radius: 100px; 
 
    background-color: #ccc; 
 
    animation: glow 1s infinite alternate; 
 
} 
 

 
@keyframes glow { 
 
    from { 
 
    box-shadow: 0 0 10px -10px #aef4af; 
 
    } 
 
    to { 
 
    box-shadow: 0 0 10px 10px #aef4af; 
 
    } 
 
}

<div></div>