@Blenderik

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

Как сделать так, что бы после полного оборота объекта, анимация останавливается и через некоторое время снова начинается оборот объекта, и так до бесконечности. https://codepen.io/Blender0/pen/PoNybWO
  • Вопрос задан
  • 840 просмотров
Решения вопроса 3
origami1024
@origami1024
went out for a night walk
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

Ответ написан
Комментировать
Aetae
@Aetae
Тлен
Очевидно - добавить ещё один фрейм:
Ответ написан
Комментировать
sh3mahan
@sh3mahan
что-то вроде веб-разработчика
Например вот так:
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  75%, 100% {
    transform: rotate(360deg);
  }
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@m1rvi
@keyframes-анимация
@keyframes spin {
  0% { transform: rotate(0deg); }
 100% {    transform: rotate(360deg);  }
}

.element {
animation: spin 1s infinite;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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