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 twist)
So time to give it my own take on CSS.
I knew it was possible to do this effect, but normally people leverage a background image filter blur, which in this case wouldn’t work with the balls behind it.
So I decided to do some research, and this is my end result.
#css #html-css #css-recreation #credit-cards #frosted-glass-design #design #hackernoon-top-story