Создание красивого сайта с 3D эффектом Parallax (HTML + CSS)
Автор: WebDesign Master
Загружено: 2023-06-01
Просмотров: 633901
💥 Все курсы в одном комплекте: https://webdesign-master.ru/courses/b...
В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом. Сегодня я покажу, как происходит создание таких крутых сайтов и подробно объясню все моменты и тонкие нюансы разработки. Ключевой особенностью данного примера является реализация эффекта глубины на сайте посредством 3D перспективы. Вы удивитесь, насколько просто и быстро можно разрабатывать подобные вещи, используя современный CSS.
Страница урока: https://webdesign-master.ru/blog/html...
Таймкоды:
00:00 Начало урока
01:23 Обзор материалов урока
02:21 Подготовка изображений для 3D сайта
10:00 Приступаем к HTML верстке сайта
12:20 Подключаем файлы CSS и JavaScript
13:47 HTML верстка сайта (вся разметка)
20:23 Приступаем к CSS стилизации
21:43 Подключение шрифтов CSS
23:29 Стилизация тега body
24:11 Стилизация логотипа на сайте
24:52 Верстка слоев для 3D анимации
28:39 3D эффект с помощью JavaScript
35:55 Слои в 3D пространстве (глубина)
46:04 CSS стилизация контента сайта
47:41 Плавная анимация в CSS
51:37 Стилизация логотипа и текста
57:37 Верстка кнопки (button)
1:01:55 Перекрывающие слои в CSS
1:04:11 Что ещё изучить?
ВКонтакте: https://vk.com/jediweb
Телеграм: https://t.me/jediweb
Дзен: https://dzen.ru/jediweb
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![Курс по Верстке сайтов с Нуля для Начинающих [aroken.ru]](https://ricktube.ru/thumbnail/eMhhl1Wq8JA/mqdefault.jpg)
