Создание крутого 3D сайта с анимацией прокрутки (HTML CSS JavaScript)
Создание сайта от А до Я (комплексный курс):
Создание интернет-магазина от А до Я:
Создание крутого слайдера ( посадка на CMS):
Все курсы в одном комплекте:
В этом уроке мы рассмотрим создание сайта с потрясающей 3D анимацией скролла, используя возможности современного HTML, CSS и JavaScript. Мы разработаем модель движения слайдов в глубину, поработаем над кастомной анимацией, плавностью, красиво оформим композицию с помощью CSS, а также поработаем с аудио и видео контентом на странице.
Страница урока:
Таймкоды:
00:00 Начало урока
00:39 Обзор материалов урока
04:18 Подготовка к верстке сайта
05:25 Базовая HTML разметка и CSS стилизация
08:31 Подключение и настройка шрифтов
11:09 Стилизация контейнера и фреймов
13:56 Пишем движок 3D скролла на JavaScript
25:23 CSS анимация cubic-bezier
27:26 Антиалиасинг через transform-style
27:50 Верстка контента
29:46 Верстка изображений
35:18 Верстка видео (горизонтальный контент)
38:13 Умный перенос min-content
39:11 Оформление видео
41:35 Расстояние между фреймами
42:02 Верстка заголовков и текста
44:09 Верстка остального контента
48:52 Работа с аудио на странице
56:30 Что ещё изучить?
ВКонтакте:
Телеграм:
Дзен:
1 view
253
82
1 year ago 00:47:30 1
Создание крутого персонажа
1 year ago 00:49:49 40
Cinema 4D Tutorial. Создание копии крутого художника с Behance. Часть 1
11 years ago 00:04:24 11.6K
Создание нового «Чебурашки»
3 years ago 00:57:59 101
Создание крутого 3D сайта с анимацией прокрутки | HTML CSS JavaScript
8 years ago 00:39:03 1
() создание крутого алхимика
4 years ago 00:06:38 30
Как сделать 3Д ТЕКСТ в Иллюстраторе?⚡️ Создание крутого изометрического текста!
4 years ago 00:19:37 6
Создание крутого эффекта в Unreal Engine 4
11 years ago 00:04:14 94
Технология создания крутого пруда на дачном участке
8 years ago 00:04:55 4
Создание Персонажа: Как написать крутого злодея/антагониста
8 years ago 00:05:24 1
Ford Mustang 1967 создание крутого эскиза!
9 years ago 00:27:37 1
Dayz RP. Создание крутого персонажа без редактора.
7 years ago 00:07:33 20
Курс | Элементы композиции при создании крутого трека
14 years ago 00:18:58 104
Пошаговый урок по созданию крутого бита
5 years ago 00:26:13 66
Недорогая техника на дачу + розыгрыш крутого пылесоса
6 years ago 00:05:41 15
Сайт для создания крутого ника в Warface
10 years ago 00:03:46 113
Создание гористого окружение в Unreal - Круто!)
3 years ago 00:14:41 140
ТОП-4 Сетки для Создания Крутого Логотипа!⚡️
2 years ago 00:33:12 37
Создание сайта портфолио с крутой анимацией | HTML CSS JS
2 years ago 01:16:34 16
Создание сайта с крутой анимацией скролла | GSAP HTML CSS
7 years ago 00:10:58 59
Топ 10 предметов, вдохновивших дизанеров на создание крутых кроссовок
3 years ago 01:03:54 64
Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном
2 years ago 00:12:53 57
Как Сделать Логотип? 7 Правил для создания Крутого логотипа!
9 years ago 00:05:56 23
Создание объёма цветом.
3 years ago 00:14:37 8
Создание компонента здоровья | Создание мультиплеерной игры на Unreal Engine 4 - #3