DEV Community

Cover image for Frosted glass on CSS

Frosted glass on CSS

Ellaine Tolentino on September 17, 2021

Another week of learning something new! In this blog I am going to share with you how to make frosted glass just through CSS! There are a lot of va...
Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

We can do more than just blur 😉

Collapse
 
tolentinoel profile image
Ellaine Tolentino

I just saw your work! and wow! Thank you for sharing! Definitely will experiment more!

Collapse
 
steelwolf180 profile image
Max Ong Zong Bao

Wow that's really cool, CSS has really come a long way.

Collapse
 
tolentinoel profile image
Ellaine Tolentino

Thank you! and yes, it has come a long way! The learning continues!

Collapse
 
alirezahekmati profile image
alirezahekmati

hey it was really helpfull

thank you

and last thing to say ,people like you are the reson why human move toward better path

Collapse
 
tolentinoel profile image
Ellaine Tolentino

Thank you for your kind words! Glad its helpful for you!

Collapse
 
manuelricci profile image
Manuel Ricci

Nice work. A little improvement would be a fallback for the poor Firefox that doens't support backdrop yet

Collapse
 
tolentinoel profile image
Ellaine Tolentino

Agreed! Thank you!

Collapse
 
elfsternberg profile image
Eλf Sternberg

Unfortunately, until this is supported in all browsers, it's not of much use, and Firefox doesn't show anything at all.

Collapse
 
tolentinoel profile image
Ellaine Tolentino

Thanks, I'll update this with a disclaimer.

Collapse
 
laerciolopesll profile image
LaercioLopesLL

I love it!

Collapse
 
benjamincullendev profile image
Benjamin Cullen

I love how this looks. I'll be having ago on my next project.

Collapse
 
tolentinoel profile image
Ellaine Tolentino

Thank you! and Yay! I'm glad you like it!