Всем привет! Сегодня мы создадим крутую 3D сцену с использованием HTML, CSS и JavaScript. Мы рассмотрим интересные приёмы вёрстки - создадим эффектный анимированный фон, переливающееся освещение сцены, 3D эффект вращения айтемов и разработаем кастомный эффект переключения слайдов с помощью cubic-bezier.
Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Материалы урока и готовый результат: Скачать
Рекомендуемые уроки и инструменты
- Настройка VS Code для верстки: Ознакомиться с уроком
- Simple Starter для верстки: Ознакомиться со стартером
- Instant Eyedropper: Скачать пипетку
- Cubic-Bezier CSS Generator: Перейти на сайт
- Вкладки в проводнике: Ознакомиться с уроком
Премиум уроки от WebDesign Master
Другие уроки по теме «HTML и CSS»
- HTML верстка «ленивого» слайдера | Верстка макета Figma. Часть 6 | Создание коммерческого сайта от А до Я. Урок 21
- Карточки эквивалентной высоты, анимация | HTML верстка макета Figma. Часть 5 | Создание коммерческого сайта от А до Я. Урок 20
- Верстка модального окна Micromodal.js | HTML верстка макета Figma. Часть 4 | Коммерческий сайт от А до Я. Урок 19
- Анимированный слайдер на Swiper.js | HTML верстка макета Figma. Часть 3 | Коммерческий сайт от А до Я. Урок 18
- HTML верстка макета Figma. Часть 2 | Создание коммерческого сайта от А до Я. Урок 17