maddog670
@maddog670

Кто знает как называется такой прелоадер?

Кто может подсказать название такого прелоадера который есть на этом сайте https://bouguessa.com/ ?
  • Вопрос задан
  • 287 просмотров
Решения вопроса 1
Hyubert
@Hyubert
JS
Я думаю что вам нужен не елемент из сайта, а обяснение как это зделано.

Тут все - css анимация, ее состояния контролируються с js.

Например разез блоков реализован так:
5b2a9d217146d699103839.png

Когда страница прогрузилась, то для блоков добавляеться класс.
с логотипом уже сложеная анимация:
- линия анимируеться scaleY
5b2a9dd608f41305186612.png

- логотип - две разделение svg, блок родитель анимируэться при разезде вот так:
5b2a9f9179aca620198840.png

- появление логотипа в начале, анимируеться задавая для svg transform: translateZ
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
нет названия у этого прелоадера, всё описано в стилях и скриптах bouguessa
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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