💥 Все курсы в одном комплекте:
В этом уроке мы рассмотрим создание сайта с красивой анимацией пламени при скролле. Сегодня я покажу, как происходит создание таких красивых сайтов и на реальном примере подробно объясню все моменты и тонкие нюансы разработки. Ключевой особенностью данного примера является реализация синхронной анимации огня посредством использования библиотеки GSAP. Страница урока:
Таймкоды: 00:00 Начало урока 01:10 Обзор материалов урока 02:16 Приступаем к созданию сайта 04:14 HTML верстка слайдера 08:20 Приступаем к CSS стилизации 09:04 Подключаем слайдер в JS 09:46 Определяем параметры слайдера 10:27 Верстка элементов управления Swiper 13:13 CSS стилизация слайдов 19:38 Адаптивная верстка заголовка 22:28 Декоративный элемент заголовка 24:09 Оформление подзаголовка 25:41 Верстка кнопки на сайте 28:50 Стилизация элементов управления 30:10 Подготовка анимации на сайте 34:46 Синхронизация анимации со слайдами 42:15 Тип анимации через GSAP Power 43:15 Дополнительная анимация 49:06 Элементы интерфейса на сайте 49:34 Что еще изучить? ВКонтакте:
https://vk.com/jediweb Телеграм:
Дзен:
