@tkachenkoaanna097

Как добавить анимацию подпрыгивания?

Как добавить анимацию подпрыгивания к элементу? То есть такая анимация при которой стрелочка будет дергаться вниз.

  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега CSS
Dance Gavin Dance - Prisoner
Например создаёте анимацию через @keyframes:

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0) translate(-50%, -50%);
  }
  40% {
    transform: translateY(-30px) translate(-50%, -50%);
  }
  60% {
    transform: translateY(-15px) translate(-50%, -50%);
  }
}


Далее применяете созданную анимацию для нужного элемента:

.element {
 animation: bounce 2s linear infinite forwards;
}


И добавляете нужные параметры.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы