Last updated on February 21, 2026

Blur

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`blur-none`	✅ Full Support
`blur-sm`	✅ Full Support
`blur`	✅ Full Support
`blur-md`	✅ Full Support
`blur-lg`	✅ Full Support
`blur-xl`	✅ Full Support
`blur-2xl`	✅ Full Support
`blur-3xl`	✅ 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

Backdrop Sepia

Previous Page

Brightness

Next Page