Skip to main content
Version: v4

Backdrop Opacity

Usageโ€‹

Please refer to the

documentation on the Tailwind CSS website

Compatibilityโ€‹

ClassSupport
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