Background Blend Mode

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

ClassSupport
bg-blend-normal
✅ Full Support
bg-blend-multiply
✅ Full Support
bg-blend-screen
✅ Full Support
bg-blend-overlay
✅ Full Support
bg-blend-darken
✅ Full Support
bg-blend-lighten
✅ Full Support
bg-blend-color-dodge
✅ Full Support
bg-blend-color-burn
✅ Full Support
bg-blend-hard-light
✅ Full Support
bg-blend-soft-light
✅ Full Support
bg-blend-difference
✅ Full Support
bg-blend-exclusion
✅ Full Support
bg-blend-hue
✅ Full Support
bg-blend-saturation
✅ Full Support
bg-blend-color
✅ Full Support
bg-blend-luminosity
✅ Full Support
Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

🌐 Web only

On this page