Как при нажатии на кнопку <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>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Нужно создать БД в которой есть таблица Кружок( есть название, адрес, максколичество детей), таблица Тренер, который может вести несколько...
есть колонка с примерным значением "text-text-20-11-2018"Подскажите пожалуйста, как я могу удалить эту дату из конца строк в которых она есть (есть...