Лучшее руководство по CSS свойство фон-смесь-режим в 2024 году. В этом руководстве вы можете изучить Определение и использование,Поддержка браузеров,CSS Синтаксис,Значение свойства,Статьи по Теме,
CSS свойство фон-смесь-режим
примеров
Смешанный режим:
DIV {
ширина: 290px;
высота: 69px;
фон-размер: 290px 69px;
фон-повторить: не повторять;
Фоновое изображение: линейный градиент-( направо, зеленый 0%, белый 100%), URL ( 'logo.png');
фон-смесь-режим: цвет- увертливость;
}
ширина: 290px;
высота: 69px;
фон-размер: 290px 69px;
фон-повторить: не повторять;
Фоновое изображение: линейный градиент-( направо, зеленый 0%, белый 100%), URL ( 'logo.png');
фон-смесь-режим: цвет- увертливость;
}
Попробуйте »
Определение и использование
Атрибут фон-Blend-режим определяет режим наложения фонового слоя (цветное изображение).
| По умолчанию: | нормальный |
|---|---|
| Наследование: | нет |
| Animatable: | нет. См анимируемым |
| Версия: | CSS3 |
| Синтаксис JavaScript: | объект .style.backgroundBlendMode = "экран" |
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии недвижимости.
| свойство | |||||
|---|---|---|---|---|---|
| фон-смесь-режим | 35,0 | Не поддерживает | 30,0 | 7.1 | 22,0 |
CSS Синтаксис
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
Значение свойства
| значение | описание | примеров |
|---|---|---|
| нормальный | По умолчанию. Установка режима нормальной смеси. | Попробуйте » |
| умножать | Умножить режим. | Попробуйте » |
| экран | Цвет режим. | Попробуйте » |
| наложение | Перекрытие режим. | Попробуйте » |
| темнеть | Диммер режим. | Попробуйте » |
| светлеть | режим Просияйте. | Попробуйте » |
| цвет-Додж | Режим Color Dodge. | Попробуйте » |
| насыщение | Режим насыщения. | Попробуйте » |
| цвет | Цвет режим. | Попробуйте » |
| светимость | Яркость режима. | Попробуйте » |
Статьи по Теме
Учебник CSS: CSS фон
