Discussion on "CSS Frosted glass credit card"

Chris Bongers · 2020-12-21T05:58:38.340Z

Today I wanted to try and recreate a super cool dribbble shot from Dede Dwiyansyah I came across. It's actually a Figma tutorial on how to create the frosted credit card effect. I decided to try and recreate this amazing shot in HTML! (With an own t...

I loved the tutorial. Good read!! I recently wrote an article on Glassmorphism. Would love your views on it.

Glassmorphism : Upcoming UI trendl

Hi Supriya,

Nice article! Really hope this trend picks up, I like to see these effects even more in 2021

Very nice! Glassmorphism is really starting to trend!

It is! Just came to realize you need to manually set a flag still in Firefox for this to work. So they do support, but not out of the box.

This such a cool project! Good job

Thank you Eleftheria, glad you like it! ✌️

Great solution, Chris! 🙌

Thanks Syed, glad you like it. One of my favorite effects and so amazing to see how accessible it is these days with CSS.

Search Hashnode

CSS Frosted glass credit card

Responses4