Как при нажатии на кнопку запускать анимацию, сделанную при помощи @keyframes?

128
02 мая 2019, 07:40

Как при нажатии на кнопку <button> запускать анимацию, сделанную при помощи @keyframes?

Answer 1

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>

READ ALSO
Mysql slow log длительный LOCK (10k sec)

Mysql slow log длительный LOCK (10k sec)

Есть таблица innodb с 4 млн записей

147
MySQL автоинкремент пропуск Id

MySQL автоинкремент пропуск Id

Использую базу данных MySQL

122
Создание Базы данных и запросов к ней

Создание Базы данных и запросов к ней

Нужно создать БД в которой есть таблица Кружок( есть название, адрес, максколичество детей), таблица Тренер, который может вести несколько...

156
Удалить дату из строчного значения

Удалить дату из строчного значения

есть колонка с примерным значением "text-text-20-11-2018"Подскажите пожалуйста, как я могу удалить эту дату из конца строк в которых она есть (есть...

138