10 фонов для сайта на HTML и CSS

Последнее обновлене - 15 января 2023 в 16:57

Чтобы сделать фон для сайта, можно использовать изображение. Другой вариант — воспользоваться возможностями HTML и CSS. Эти 10 примеров реализации фона освежат дизайн любого веб-ресурса.

Как сделать перекос фона

Этот простой пример показывает, как получить перекошенные фоны с помощью простых HTML и CSS.

Изменение цвета фона при прокрутке

Посмотрите, как изменить цвет фона при прокрутке страницы.

Выбор при наведении

Происходит выбор фона при наведении на одну из половинок.

Как увеличить изображение при наведении курсора

При помощи HTML, CSS и JS можно получить вот такой интересный эффект увеличения картинки со смещением.

Фильтр цветом

При помощи HTML и CSS можно получить вот такой цветовой фильтр для изображения.

Как сделать размытие фона при прокрутке

А вот так можно сделать размытие фона при прокрутке страницы.

Градиент с анимацией

Превосходный эффект анимированного градиента реализуется так.

Плавная смена фоновых изображений

Достаточно использовать вот такой CSS, чтобы реализовать плавные переходы дл фоновых изображений.

Анимированный фон

Вот решение, как получить анимированный фон на CSS и JS.

Как изменить цвет фона при прокрутке

На CSS организована смена цвета фона при прокрутке страницы.

Всем WEB!