lavezzi1
@lavezzi1

Как создается такая анимация?

Здравствуйте. Вот сайт https://www.nextrembrandt.com/ на нем впервые 5 секунд происходит анимация букв. Они по очереди разворачиваются и прилетают. Так вот, как она сделана я посмотрел, через css анимацию и делай. Но не уже ли это ручная работа? Нет никакой фреймворка который сделал бы эту работу?
  • Вопрос задан
  • 309 просмотров
Решения вопроса 1
Ronnie_Gardocki
@Ronnie_Gardocki
Я у мамы фронтендщик.
Обычные 3д трансформации. Каждая буква вложена в свой контейнер с перспективой. Каждая буква смещена влево (translateX), вдаль (translateZ) и повернута по оси Y.
Вот за 5 минут сделал пример на css - codepen.io/suez/pen/e6645538303dc17bb6f9953bba72e43b
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
aliencash
@aliencash
Партизан
Вы об этом?
codepen.io/aliencash/pen/jqaXrg
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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