viksnamax
@viksnamax
All-in-One

Как зафиксировать блок после transform?

Как зафиксировать блок после transform? Элемент вращаясь сдвигается вниз, после чего вращаясь направо, у меня получается, что сначала вращаясь сдвигается вниз, потом перемещается там где был, после чего вращаясь направо и опять перемещается обратно, вот как фиксировать после каждого смещения?
Ссылка с кодом https://codepen.io/maxim-vixna/pen/zXYRYm
  • Вопрос задан
  • 89 просмотров
Решения вопроса 1
Ragtime_Kitty
@Ragtime_Kitty
У вас две разных анимации меняют одно и тоже свойство transform. Вторая перезаписывает значения первой. Используй одну анимацию и расставь тайминги, вместо таймаутов в js. По крайней мере на этом этапе. Сдвигать блок вниз лучше через transform: translate

Если усложнять анимацию, то уже надо будет поменять ее структуру.

А чтобы сохранять свойства из 100%{}, используйте animation-fill-mode: forwards;

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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