Есть вопрос. Как мне сделать эффект на div сразу после создания. Хочу, чтобы при нажатии на кнопку создавался div через createElement, добавлялся через AppendChild, и если у всех блоков фон белый, то только что созданный блок за секунду менял свой цвет от серого к белому. Заранее спасибо)
1
-
Приложите код, в котором Вы пытались решить эту проблему и что у Вас не получилось? – meine 9 мар '19 в 13:50
добавить комментарий
|
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>