Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)
Все курсы в одном комплекте:
Создание сайта от А до Я:
В этом уроке мы рассмотрим создание сайта с различными эффектами, анимациями. Галерея будет выполнена с эффектом parallax при скролле, а при клике мы проработаем анимацию открытия и закрытия изображений. Мы создадим анимированный фон, который повторяет цвета изображений и плавно переливается из одного цвета в другой с эффектом Blur.
Страница урока:
Таймкоды:
00:00 Начало урока
01:02 Подготовка к верстке
02:00 Базовая HTML-разметка
02:54 Инициализация JS-библиотеки
03:26 CSS-стилизация страницы
04:07 Подключение шрифта CSS
04:46 Общие стили документа html, body
05:26 Размер шрифта в зависимости от экрана
06:58 Первые параметры JS-библиотеки
07:52 Адаптивный слайдер
08:58 Наклон блока CSS rotate
10:11 Прокрутка блока на скролл и анимация
11:21 Анимация cubic-bezier
12:53 Верст
1 view
363
105
1 month ago 03:13:17 1
Самая красивая мелодия на свете🌿 восстановление нервной системы🍀ШИКАРНЫЙ СБОРНИК ПЕСЕН
2 months ago 00:01:24 1
Фильм, созданный AI: мир удивительных животных в наших ладонях
2 months ago 00:11:44 1
Невероятное пробуждение в СССР 20-х годов
2 months ago 00:18:19 1
ПРОБУЖДЕНИЕ. ИНОПЛАНЕТНЫЕ МЕДИЦИНСКИЕ ТЕХНОЛОГИИ диагностика омоложение регенерация ДНК 3D пришельцы
2 months ago 00:08:31 1
Потрясающая проповедь 26 октября в День Иверской Иконы Богородицы!
2 months ago 00:24:28 1
DJ SerJ-76 - Korg Style Mix-
2 months ago 00:06:52 2
Артемий Лебедев: Мы настолько стесняемся своего, не ценим сами себя. Россия - это прекрасная страна!
2 months ago 00:57:09 2
Лучшие лайфхаки для красивых ногтей 💅✨ Потрясающие идеи и поделки, которые можно попробовать дома
2 months ago 00:03:35 1
Как завязать узел для браслета на резинке
2 months ago 00:02:35 1
ЛЕГЕНДА ОБ ОЧИ - Русский трейлер (Субтитры, 2025) Уиллем Дефо, Фэнтези Фильм HD