Background Blend Mode

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`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

Ring Width

Previous Page

Box Shadow

Next Page