lavezzi1
@lavezzi1

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

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

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

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $
Wanted. Санкт-Петербург
До 180 000 ₽
13 нояб. 2024, в 06:41
100000 руб./за проект
13 нояб. 2024, в 00:19
10000 руб./за проект