Есть вопрос. Как мне сделать эффект на div сразу после создания. Хочу, чтобы при нажатии на кнопку создавался div через createElement, добавлялся через AppendChild, и если у всех блоков фон белый, то только что созданный блок за секунду менял свой цвет от серого к белому. Заранее спасибо)
1 ответ
Вот решение за счет css keyframe-animation
document.querySelector('button').onclick = function(){
let el = document.createElement('div');
el.classList.add('element');
document.body.appendChild(el);
}
.element{
width: 50px;
height: 20px;
background-color: red;
animation: expand 1s;
}
@keyframes expand {
from {
background: blue;
}
}
<button>add</button>