Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
 
 
 
 
 
 
 
 

README.md

#Frosted Glass Effect Messing around with a way to create the effect of blurring everything behind and element. Currently this is natively possible in Safari with a backdrop filter, but no other browsers support it.

This method duplicates everything that will be blurred, then uses either an svg or css filter to blur the contents, and then crops the container to the overlaying element's size with overflow hidden.

This is a rough initial concept. The root index page uses the effect with a draggable element. The nav-demo uses the effect in a flyout menu.

About

Simulating a webkit backdrop filter blur

Resources

Releases

No releases published
You can’t perform that action at this time.