Last updated on January 10, 2026

Blur

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`blur-none`	🌐 Web only
`blur-sm`	🌐 Web only
`blur`	🌐 Web only
`blur-md`	🌐 Web only
`blur-lg`	🌐 Web only
`blur-xl`	🌐 Web only
`blur-2xl`	🌐 Web only
`blur-3xl`	🌐 Web only

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