@Kerhin

Как добавить 2 класса по очереди (React)?

Хочу реализовать функцию, которая при клике добавляет элементу несколько классов, но делает это не разом, а каждый класс по очереди (то есть с временным промежутком).

Как это сделать я примерно понимаю, использую специальные условия для if с применением setTime, но пока желаемого результата к сожалению не достиг.

Пример:
Есть элемент с классом .block
<div>
  <div className="block">
</div>


и допустим 2 класса .first и .second
.block {
  position: absolute;
  top: 0;
  width: 50px;
  height: 20px;
  background-color: #fff;
  border-radius: 10px;
  transition: all .5s;
}

.first {
  top: 60px;
}
.second {
  transform: rotate(45deg);
}


при клике по элементу с классом .block сначала добавлялся бы класс .first, а после допустим через 3 секунды класс .second
  • Вопрос задан
  • 78 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Для подобного рода задач существует @keyframes
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
18 июл. 2019, в 11:59
20 руб./за проект
18 июл. 2019, в 11:57
13000 руб./за проект
18 июл. 2019, в 11:57
1500 руб./за проект