войти

Дизайнерам и разработчикам

База знаний

Фон

Вы можете установить в качество фона:

  • цвет и/или изображение и/или градиент
  • видео
  • изображение с эффектом параллакса

Изображение

Фон картинкой

Закачайте изображение и укажите:

  • способ трансформации/обрезки в зависимости от ширины блока
  • позиционирование изображения внутри блока
  • повторять ли изображение
  • прокручивать ли его при прокрутке экрана

При использовании цвета можно указать также уровень прозрачности (правый столбик панели выбора цвета).

Цвет фона
У обоих видов градиента можно указать оба цвета, а в линейного еще и угол наклона градиента.
Градиент

Изображения, градиенты и цвета можно сочетать друг с другом, добавлять новые слои. Очередность их важна: более высокий фон будет показан поверх более низкого. Сочетанием фонов можно добиться интересных эффектов при:

  • полупрозрачном цвете, например: снизу картинка, сверху черный цвет с прозрачностью 0.1 дадут небольшое затемнение картинки
  • картинках с прозрачным фоном, например: картинка внизу, частично прозрачная картинка сверху, в прозрачных областях нижняя будет “просвечивать”
  • градиенте от сплошного до прозрачного, например: снизу картинка, снизу градиент цвета фона дадут эффект постепенного затемнения изображения от одной стороны к другой (см. пример ниже)
Сочетание фонов
Результат

© 1999 – 2024
ООО «НетКэт»

+7 (495) 783-60-21
+7 (495) 055-73-84

info@netcat.ru

129329, г. Москва,
ул. Вересковая, 13