background-blend-mode Özelliği Temel Özellikler
- CSS Yazımı :
background-blend-mode: normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity;- Örnek :
background-blend-mode: multiply;|background-blend-mode: soft-light, normal;- Öntanımlı Değer :
normal- Uygulanabilen Etiketler :
- Tüm Etiketler.
::first-letterve::first-lineögelerine de uygulanabilir. SVGlerde, konteynır ögelere, grafik ögelere ve grafik referans ögelere de uygulanabilir. - Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tarayıcı desteği tablosuna bakın
- Animasyon :
- Desteklenmiyor
animationÖzelliği - Javascript :
öge.style.backgroundBlendMode = "normal";- Sürüm :
- Compositing and Blending Level 1
- Açıklama :
background-blend-mode Özelliği Kullanımı
Markanız için 300X300 alan.
CSS background-blend-mode özelliği; harmanlama modu'dur ve CSS background-image özelliğideki sırayla tanımlanmalıdır. Eğer bu iki özelliğin değerlerinin uzunlukları farklıysa ikisinin de değerleri birbirine eşitlenene kadar yinelenebilirler ya da kırpılabilirler.
Daha fazlası için background özelliğine bakın !
background-blend-mode Özelliği Tarayıcı Desteği
MasaüstüTaşınabilir
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 30 | 22 | Var | 35 | Yok |
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 30 | 22 | 8 | Yok | Yok |
İlişkili Özellikler
mix-blend-mode- CSS
mix-blend-modeözelliği ögenin doğrudan atasının içeriği ve arka planıyla nasıl harmanlanacağını tanımlar.