Background с наложением цвета с помощью liner-gradient использую HTML & CSS шаг за шагом || CSS

YOUTUBE · 27.11.2025 07:52

Ключевые темы и таймкоды

Введение

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

Создание контейнера и загрузка изображения

0:45
  • Создается контейнер с классом "container" и задается его размер.
  • Загружается изображение "background-mountain" из Google.

Добавление эффекта наложения цвета

2:45
  • В свойстве "background" перед изображением указывается "linear-gradient" с двумя цветами.
  • Цвета выбираются из палитры сайта Flat UI Colors.
  • После каждого цвета ставится запятая.

Завершение

4:33
  • Демонстрация полученного эффекта наложения цвета на изображении.
  • Ссылка на скачивание изображения и палитры цветов в описании видео.