Backdrop Blur

Usage

Please refer to the

documentation on the Tailwind CSS website

Compatibility

Class	Support
backdrop-blur-none	🌐 Web only
backdrop-blur-sm	🌐 Web only
backdrop-blur	🌐 Web only
backdrop-blur-md	🌐 Web only
backdrop-blur-lg	🌐 Web only
backdrop-blur-xl	🌐 Web only
backdrop-blur-2xl	🌐 Web only
backdrop-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