💥 Все курсы в одном комплекте:
В этом уроке мы рассмотрим создание красивого сайта с анимацией заголовка и параллакс эффектом фона при скролле. Я покажу, как происходит создание таких красивых сайтов и на реальном прмере подробно объясню все моменты и тонкие нюансы разработки. Ключевой особенностью данного примера является реализация анимации заголовка и Parallax эффекта фона посредством CSS transition. Страница урока:
Таймкоды: 00:00 Начало урока 01:05 Материалы урока 01:57 Создание и подключение файлов 04:08 Подготовка изображений и слоев 08:18 Подключение библиотек 09:42 Приступаем к HTML вёрстке 12:22 Базовая стилизация CSS 14:25 Запуск проекта в браузере 15:48 Настройка библиотеки Swiper 20:24 Создание слайдера изображений 24:44 Добавляем Parallax эффект 29:45 Добавляем объёмный 3D эффект 34:57 Приступаем к созданию интерфейса UI 38:06 Создание верхей линии top-line 38:23 Раработка сетки для сайта 43:15 Подключение шрифтов к сайту 47:15 Вёрстка лого, кнопки и меню 50:48 Определение переменных CSS 52:53 Верстка кнопки (button) 1:08:06 Верстка верхнего меню 1:13:36 Кнопка меню с анимацией 1:18:43 Вёрстка контентной части 1:27:10 Создание анимации букв 1:41:24 Анимация подзаголовка 1:44:02 CSS Модификатор для кнопки 1:45:31 Touch на мобильных (CSS) 1:47:59 Что ещё изучить? ВКонтакте:
https://vk.com/jediweb Телеграм:
Дзен:
