Создание красивого сайта с 3D эффектом при скролле (HTML + CSS)
Создание сайта от А до Я (комплексный курс):
Создание интернет-магазина от А до Я:
Создание крутого слайдера ( посадка на CMS):
Все курсы в одном комплекте:
В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом при скролле. Сегодня я покажу, как происходит создание таких крутых сайтов на реальном примере. Ключевой особенностью данного урока является реализация 3D эффекта при скролле на сайте посредством чистого CSS.
Страница урока:
Таймкоды:
00:00 Начало урока
00:47 Обзор материалов урока
01:41 Приступаем к HTML верстке сайта
03:16 Подготовка изображений для 3D сайта
06:39 HTML верстка сайта (вся разметка)
11:39 Приступаем к CSS стилизации
12:04 Подключение шрифтов CSS
12:47 Верстка слоев для 3D анимации
15:00 Верстка заголовка с размытым фоном
17:46 Слои в 3D пространстве (глубина)
29:07 Анимация растворения текста
31:53 Финальный текст и затухание
37:36 Что ещё изучить?
ВКонтакте:
Телеграм:
Дзен:
1 view
90
27
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
Яркое пробуждение Христианства в дореволюционной России 🔥
1 month ago 00:06:52 2
Артемий Лебедев: Мы настолько стесняемся своего, не ценим сами себя. Россия - это прекрасная страна!
1 month ago 02:30:00 1
💀Мой опыт: как не СОЙТИ С УМА в этой жизни и начать ЖИТЬ? - Никак, тут все поехавшие.
1 month ago 02:03:04 1
Взлом да Винчи. Разгадка красивейшей из тайн
1 month ago 00:06:55 1
Цветы из лент/Розы из органзы/ Ribbon Flowers how to make/ Flor de fitas/ Ola ameS DIY