Skip to main content
Version: v4

Backdrop Blur

Usageโ€‹

Please refer to the

documentation on the Tailwind CSS website

Compatibilityโ€‹

ClassSupport
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