Глассморфизм — это эффект, который используется в дизайне пользовательского интерфейса для выделения объектов, помещенных над ярким или красочным фоном за счёт размытия и лёгкой прозрачности, создавая впечатление матового стекла.
В этом посте я подобрал 10 потрясающих примеров этой тенденции для веб-дизайна, так что вы можете использовать этот приём в своих будущих проектах.
Пример №1
See the Pen Glassmorphism by Albert (@walickialbert) on CodePen.light
Автор — Albert
Пример №2
See the Pen Glassmorphism Creative Cloud App Redesign by Aysenur Turk (@TurkAysenur) on CodePen.light
Автор — Aysenur Turk
Пример №3
See the Pen Glassmorphic Sign in Form by Shounak Das (@dasshounak) on CodePen.light
Автор — Shounak Das
Пример №4
See the Pen Glassmorphism Credit/Debit Card (pure CSS) by Shounak Das (@dasshounak) on CodePen.light
Автор — Shounak Das
Пример №5
See the Pen Glassmorphism by Jayasree (@Jayasree_0708) on CodePen.light
Автор — Jayasree
Пример №6
See the Pen Glassmorphism by Vihanga nivarthana (@vihanga) on CodePen.light
Автор — Vihanga nivarthana
Пример №7
See the Pen Glassmorphism by Supriya (@omeal) on CodePen.light
Автор — Supriya
Пример №8
See the Pen Glassmorphism vs Neumorphism Cards | CSS, Js & VanillaTilt by Quentin Feret (@quentin-feret) on CodePen.light
Автор — Quentin Feret
Пример №9
See the Pen Glassmorphism Animated by jSpilka95 (@jspilka95) on CodePen.light
Автор — jSpilka95
Пример №10
See the Pen Glassmorphism Post grid by Vinothkanna (@vinocrazy) on CodePen.light
Автор — Vinothkanna