Skip to content

CSS implementation of Microsoft's Fluent UI blur effect seen in Windows 10 apps.

License

Notifications You must be signed in to change notification settings

pukmajster/fluent-ui-blur.css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

fluent-ui-blur.css

CSS implementation of Microsoft's Fluent UI blur effect seen in Windows 10 apps.

Simply add one class to an element (either .fluent-ui-blur-light or .fluent-ui-blur-dark) and that's it!

Note that this uses the backdrop-filter CSS property, which means browser support may vary, but it'll work perfectly on Chromium based browsers such as Google Chrome and Microsoft Edge.

Example

Top is light blur, bottom is dark blur Example

About

CSS implementation of Microsoft's Fluent UI blur effect seen in Windows 10 apps.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages