Myvideo

Guest

Login

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

Uploaded By: Myvideo
1 view
0
0 votes
0

Создание сайта от А до Я (комплексный курс): Создание интернет-магазина от А до Я: Создание крутого слайдера ( посадка на 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 Что ещё изучить? ВКонтакте: Телеграм: Дзен:

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later