Задать вопрос
PAJCH
@PAJCH

Как сделать такую анимацию?

Привет!
Как сделать такую анимацию для монеты?

https://youtu.be/uJigHsgJgg8?t=4m46s
  • Вопрос задан
  • 211 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 3
Igooooood
@Igooooood
junior Front-end developer
Там же в исходниках написано
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
Ответ написан
Комментировать
Смотрите исходники https://daneden.github.io/animate.css/ или используйте
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
22 дек. 2024, в 20:12
10000 руб./за проект
22 дек. 2024, в 19:47
3000 руб./за проект
22 дек. 2024, в 19:03
60000 руб./за проект