Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном
Создание сайта от А до Я (комплексный курс):
Создание интернет-магазина от А до Я:
Создание крутого слайдера ( посадка на CMS):
Все курсы в одном комплекте:
Всем привет! Сегодня мы создадим крутую 3D сцену с использованием HTML, CSS и JavaScript. Мы рассмотрим интересные приёмы вёрстки - создадим эффектный анимированный фон, переливающееся освещение сцены, 3D эффект вращения айтемов и разработаем кастомный эффект переключения слайдов с помощью cubic-bezier.
Страница урока:
Таймкоды:
00:00 Начало урока
01:07 Обзор материалов урока
08:25 Размещаем код в редакторе
09:41 Подключаем библиотеку слайдера
10:39 Настраиваем проект
12:19 Приступаем к HTML верстке
13:56 Верстка видео в качестве фона на сайте
17:17 Создание виньетки на CSS
18:27 Верстка освещения 3D сцены, анимация
21:45 Определяем контейнер для слайдера
23:12 Добавляем эффект Glow в сцену
25:37 HT