Создание красивого сайта с Parallax эффектом при скролле (HTML CSS JavaScript)
Создание сайта от А до Я (комплексный курс):
Создание интернет-магазина от А до Я:
Создание крутого слайдера ( посадка на CMS):
Все курсы в одном комплекте:
В этом уроке мы рассмотрим создание красивого сайта с Parallax эффектом при скролле. Сегодня я покажу, как происходит разработка таких крутых сайтов и подробно объясню каждый шаг. Ключевой особенностью данного примера является, конечно-же, реализация эффекта Parallax на сайте. Вы удивитесь, насколько просто и быстро можно делать подобные вещи, используя современный CSS.
Страница урока:
Таймкоды:
00:00 Начало урока
01:57 Обзор материалов урока
02:49 Подготовка изображений для Parallax эффекта в CSS
11:28 Приступаем к HTML верстке сайта
13:49 Подключаем файлы CSS и JavaScript
14:55 HTML верстка сайта (вся разметка)
19:54 Приступаем к CSS стилизации
21:02 Подключение шрифтов CSS
22:50 Стилизация тега body
23:58 Верстка шапки сайта - стили parallax слоев
26:21 Параллакс-эффект с помощью JavaScript
31:11 Логика движения слоев Parallax в CSS
36:39 Верстка заголовков сайта и эффект «свечения»
45:32 Полоса между блоками - решение
50:04 CSS стилизация первой секции сайта
56:32 Создание параллакс эффекта у контента
59:09 Плавная прокрутка страницы JS
1:04:41 Анимация Cubic Bezier для Parallax эффекта в CSS
1:10:56 Что ещё изучить?
ВКонтакте:
Телеграм:
Дзен:
1 view
218
39
2 weeks ago 00:08:35 1
Разминка для мозгов, если они есть… как легко сшить из кусочков ткани красивый узор DIY мастер-класс
2 weeks ago 03:13:17 1
Самая красивая мелодия на свете🌿 восстановление нервной системы🍀ШИКАРНЫЙ СБОРНИК ПЕСЕН
2 weeks ago 00:11:21 1
Спаси свой аквариум! 3 причины сделать фитофильтр. Показываю свои фитофильтры и список растений.
3 weeks ago 00:09:58 1
В ТРЕНДЕ.Делаю их Много и сразу Продаю/красивые резиночки для девочек
3 weeks ago 00:04:19 1
Нарядные Зимние Бантики!
4 weeks ago 00:33:31 1
Красная дорожка! Благотворительный проект «Дети - детям» Всемирный проект «Искусство сквозь века»
4 weeks ago 00:12:54 1
Яркое пробуждение Христианства в дореволюционной России 🔥
4 weeks ago 00:06:52 2
Артемий Лебедев: Мы настолько стесняемся своего, не ценим сами себя. Россия - это прекрасная страна!
4 weeks ago 02:30:00 1
💀Мой опыт: как не СОЙТИ С УМА в этой жизни и начать ЖИТЬ? - Никак, тут все поехавшие.
4 weeks ago 02:03:04 1
Взлом да Винчи. Разгадка красивейшей из тайн
4 weeks ago 00:06:55 1
Цветы из лент/Розы из органзы/ Ribbon Flowers how to make/ Flor de fitas/ Ola ameS DIY