Скачать с ютуб Создание крутого 3D сайта с анимацией прокрутки (HTML CSS JavaScript) в хорошем качестве

Создание крутого 3D сайта с анимацией прокрутки (HTML CSS JavaScript)

Все курсы в одном комплекте: https://wd-m.ru/bundle Создание сайта от А до Я: https://wd-m.ru/createsite В этом уроке мы рассмотрим создание сайта с потрясающей 3D анимацией скролла, используя возможности современного HTML, CSS и JavaScript. Мы разработаем модель движения слайдов в глубину, поработаем над кастомной анимацией, плавностью, красиво оформим композицию с помощью CSS, а также поработаем с аудио и видео контентом на странице. Материалы урока (результат, исходники): https://webdesign-master.ru/blog/html... Таймкоды: 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 Что ещё изучить? ВКонтакте: https://vk.com/jediweb Телеграм: https://t.me/jediweb Дзен: https://dzen.ru/jediweb