Last updated on January 10, 2026

Backdrop Opacity

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`backdrop-opacity-0`	🌐 Web only
`backdrop-opacity-5`	🌐 Web only
`backdrop-opacity-10`	🌐 Web only
`backdrop-opacity-20`	🌐 Web only
`backdrop-opacity-25`	🌐 Web only
`backdrop-opacity-30`	🌐 Web only
`backdrop-opacity-40`	🌐 Web only
`backdrop-opacity-50`	🌐 Web only
`backdrop-opacity-60`	🌐 Web only
`backdrop-opacity-70`	🌐 Web only
`backdrop-opacity-75`	🌐 Web only
`backdrop-opacity-80`	🌐 Web only
`backdrop-opacity-90`	🌐 Web only
`backdrop-opacity-95`	🌐 Web only
`backdrop-opacity-100`	🌐 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