Last updated on January 10, 2026

Backdrop Brightness

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`backdrop-brightness-0`	🌐 Web only
`backdrop-brightness-50`	🌐 Web only
`backdrop-brightness-75`	🌐 Web only
`backdrop-brightness-90`	🌐 Web only
`backdrop-brightness-95`	🌐 Web only
`backdrop-brightness-100`	🌐 Web only
`backdrop-brightness-105`	🌐 Web only
`backdrop-brightness-110`	🌐 Web only
`backdrop-brightness-125`	🌐 Web only
`backdrop-brightness-150`	🌐 Web only
`backdrop-brightness-200`	🌐 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