Создание потрясающей галереи на HTML, CSS и JavaScript | CSS-анимация, Blur, Parallax, Gradient

youtube канал разработчика:

Всем привет, друзья! В этом уроке мы рассмотрим создание потрясающей странички с различными эффектами, анимациями. Галерея будет выполнена с эффектом parallax при скролле, а при клике мы проработаем анимацию открытия и закрытия изображений. Мы создадим анимированный фон, который повторяет цвета изображений и плавно переливается из одного цвета в другой с эффектом Blur. Поработаем с триггерами для анимации скрытия, появления заголовка и текста нашей композиции. Бонусом мы разберем создание текстового градиента с помощью CSS. Я рекомендую посмотреть этот урок до конца, здесь я собрал много различных техник и приёмов, которые вам пригодятся в работе.