Как реализовать подобную анимацию при загрузке сайта?
подскажите пожалуйста как реализовать подобную фичу. При заходе на сайт по центру находится логотип сайта с черным бэкграундом на всем сайте, спустя секунду запускается анимация и этот логотип смещается в левый верхний угол и появляется весь контент на сайте
Ответы (1 шт):
Не уверен какой ответ вы хотите получить, если в виде кода то добавьте код в ваш вопрос, что не получилось, если подсказки то:
Вариант 1:
По умолчанию через css у вас стоит лоудер на весь экран с position: fixed и черным фоном. На событие window.addEventListener("load", call_your_function) запускаем функцию которая или анимирует (через gsap например) или последовательно меняет классы на лоудере (если через css анимацию)
Вариант 2:
Все тоже самое но лоудер появляется при событии DOMContentLoaded а исчезает на window load как в прошлом варианте, таким образом мы избежит ошибки если js не загрузится или отключено (в сафари есть баги, когда load быстрее срабатывает чем DOMContentLoaded если страница закешированна и будут проблемы, решить через таймеры можно и проверки)