Skip to main content
Version: v4

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