Создание сайта с красивой анимацией фона

В этом уроке мы рассмотрим создание сайта с красивым эффектом при скролле. Сегодня я покажу, как происходит создание таких красивых сайтов и на реальном примере подробно объясню все моменты и тонкие нюансы разработки. Ключевой особенностью данного примера является реализация синхронной анимации посредством использования библиотеки GSAP.

Смотреть урок на YouTube

Материалы урока и готовый результат: Скачать

Дополнительные материалы и инструменты

Настройка VS Code для верстки: Ознакомиться с уроком
Урок по EMMET (быстрая верстка): Смотреть на YouTube
Справочник EMMET (сокращения): Ознакомиться с уроком
Билды ffmpeg: Скачать

Стартовая HTML разметка

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Я - фрилансер! Базовый курс для начинающих

Создание сайта с красивой анимацией фона | Материалы урока

Дополнительные материалы и инструменты

Стартовая HTML разметка

Премиум уроки от WebDesign Master

Другие уроки по теме «Верстка»