Создание потрясающей галереи на HTML, CSS и JavaScript | CSS-анимация, Blur, Parallax, Gradient
Создание сайта от А до Я (комплексный курс):
Создание интернет-магазина от А до Я:
Создание крутого слайдера ( посадка на CMS):
Все курсы в одном комплекте:
Всем привет, друзья! В этом уроке мы рассмотрим создание потрясающей странички с различными эффектами, анимациями. Галерея будет выполнена с эффектом parallax при скролле, а при клике мы проработаем анимацию открытия и закрытия изображений. Мы создадим анимированный фон, который повторяет цвета изображений и плавно переливается из одного цвета в другой с эффектом Blur. Поработаем с триггерами для анимации скрытия, появления заголовка и текста нашей композиции. Бонусом мы разберем создание текстового градиента с помощью CSS. Я рекомендую посмотреть этот урок до конца, здесь я собрал много различных техник и приёмов, которые вам пригодятся в работе.
Страница урока:
Таймкоды:
00:00 Начало урока
9 views
99
24
4 weeks ago 03:13:17 1
Самая красивая мелодия на свете🌿 восстановление нервной системы🍀ШИКАРНЫЙ СБОРНИК ПЕСЕН
1 month ago 00:01:24 1
Фильм, созданный AI: мир удивительных животных в наших ладонях
1 month ago 00:11:44 1
Невероятное пробуждение в СССР 20-х годов
1 month ago 00:18:19 1
ПРОБУЖДЕНИЕ. ИНОПЛАНЕТНЫЕ МЕДИЦИНСКИЕ ТЕХНОЛОГИИ диагностика омоложение регенерация ДНК 3D пришельцы
1 month ago 00:08:31 1
Потрясающая проповедь 26 октября в День Иверской Иконы Богородицы!
1 month ago 00:24:28 1
DJ SerJ-76 - Korg Style Mix-
1 month ago 00:06:52 2
Артемий Лебедев: Мы настолько стесняемся своего, не ценим сами себя. Россия - это прекрасная страна!
1 month ago 00:57:09 2
Лучшие лайфхаки для красивых ногтей 💅✨ Потрясающие идеи и поделки, которые можно попробовать дома
1 month ago 00:03:35 1
Как завязать узел для браслета на резинке
1 month ago 00:02:35 1
ЛЕГЕНДА ОБ ОЧИ - Русский трейлер (Субтитры, 2025) Уиллем Дефо, Фэнтези Фильм HD