background-blend-mode

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Описание

Свойство background-blend-mode описывает то, как фоновое изображение элемента должно накладываться на фоны других элементов.

Blending modes should be defined in the same order as the background-image CSS property. If the blending modes' and background images' list lengths are not equal, it will be repeated and/or truncated until lengths match.

Начальное значениеnormal
Применяется кВсе элементы. В SVG это применяется к контейнерам, графическим элементам и элементам графической отсылки.. Это также применяется к ::first-letter и ::first-line.
Наследуетсянет
Отображениеnone
Обработка значениякак указано
Анимируемостьнет
Канонический порядокуникальный не однозначный порядок, определённый формальной грамматикой

Синтаксис

Формальный синтаксис:  <blend-mode>#
background-blend-mode: normal;               /* Одно значение */
background-blend-mode: darken, luminosity;   /* Два значение, по одному на каждый фон */

background-blend-mode: initial;
background-blend-mode: inherit;
background-blend-mode: unset;

Значения

<blend-mode>
Is a <blend-mode> denoting the blending mode to be applied. There can be several values, separated by commas.

Пример

Спецификации

Спецификация Статус Комментарий
Compositing and blending Level 1
Определение 'background-blend-mode' в этой спецификации.
Кандидат в рекомендации Первоначальная спецификация

Совместимость с браузерами

Особенность Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка 35 30.0 (30.0) Нет 22 7.1
Особенность Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка Нет 30.0 (30.0) Нет 22 iOS 8

 

Смотрите также

Метки документа и участники

 Внесли вклад в эту страницу: andreww2012, mrstork, Sebastianz, ruslanchek
 Обновлялась последний раз: andreww2012,