Добро пожаловать
Вход / Создать Плейлист

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

Спасибо! Поделитесь с друзьями!

URL

Вам не понравилось видео. Спасибо за то что поделились своим мнением!

Sorry, only registred users can create playlists.
URL


Добавлено by Admin В Создание сайтов.
20 Просмотры

Описание

Создание сайта от А до Я (комплексный курс): https://goo.gl/ankxq9
Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD
Создание крутого слайдера (+посадка на CMS): https://bit.ly/jVLyQ8

Все курсы в одном комплекте: https://wd-m.ru/bundle

В этом уроке мы рассмотрим создание сайта с потрясающей 3D анимацией скролла, используя возможности современного HTML, CSS и JavaScript. Мы разработаем модель движения слайдов в глубину, поработаем над кастомной анимацией, плавностью, красиво оформим композицию с помощью CSS, а также поработаем с аудио и видео контентом на странице.

Страница урока: https://webdesign-master.ru/blog/html-css/create-3d-scroll-site.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://wd-m.ru/zen

Написать комментарий

Комментарии

Комментариев нет. Будьте первым кто оставит комментарий.
Реклама
RSS