Glassmorphism is a term used to describe UI design that emphasizes light or dark objects, placed on top of colorful backgrounds. A background-blur is placed on the objects which allows the background to shine through – giving it the impression of frosted glass.
Today, In this post, we’ve collected 10 beautiful examples of this design trend from CodePen. Have a look and see how you could possibly use this effect in your upcoming projects!
Glassmorphism Example
Glassmorphism Creative Cloud App Redesign
Glassmorphic Sign in Form
Glassmorphism Credit/Debit Card (pure CSS)
Glassmorphism Page
Glassmorphism Hello
Simple Glassmorphism Example
Glassmorphism vs Neumorphism Cards
Glassmorphism Animated
Glassmorphism Post grid
