Как при нажатии на кнопку <button> запускать анимацию, сделанную при помощи @keyframes?
function clickMe() {
document.querySelector(".block").classList.toggle("block-spin");
}
.block {
border: 1px solid black;
background: lightgreen;
width: 100px;
height: 100px;
display: inline-block;
}
@keyframes infinite-spinning {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.block-spin {
animation: infinite-spinning 3s infinite;
}
<div class="block"></div>
<br/><br/>
<button onclick="clickMe()">Click</button>
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости