1,0×
00:00/38:40
Начало урока
Создание красивого сайта с 3D эффектом при скролле (HTML + CSS)
Все курсы в одном комплекте: wd-m.ru/bundle
Создание сайта от А до Я: goo.gl/ankxq9
В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом при скролле. Сегодня я покажу, как происходит создание таких крутых сайтов на реальном примере. Ключевой особенностью данного урока является реализация 3D эффекта при скролле на сайте посредством чистого CSS.
Страница урока: webdesign-master.ru/...bsite.html
Таймкоды:
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 Что ещё изучить?
ВКонтакте: vk.com/jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb
Создание сайта от А до Я: goo.gl/ankxq9
В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом при скролле. Сегодня я покажу, как происходит создание таких крутых сайтов на реальном примере. Ключевой особенностью данного урока является реализация 3D эффекта при скролле на сайте посредством чистого CSS.
Страница урока: webdesign-master.ru/...bsite.html
Таймкоды:
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 Что ещё изучить?
ВКонтакте: vk.com/jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb
…