пр. Мира 620000 Россия +7900-000-00-00
Логотип блога интернет-бродяги

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

Как сделать фоны для сайта CSS

Последнее обновление - 22 января 2021 в 15:12

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

Содержание:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всем WEB!

Друзья, плюсаните, вдруг пригодится!

Почитайте похожие материалы

Об авторе: Hobo

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

+ 17 = 26

 

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять