Glassmorphism

10 примеров глассморфизма для веб-дизайна

Глассморфизм — это эффект, который используется в дизайне пользовательского интерфейса для выделения объектов, помещенных над ярким или красочным фоном за счёт размытия и лёгкой прозрачности, создавая впечатление матового стекла.

В этом посте я подобрал 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

Нравится 0
Не нравится 0

Добавить комментарий

Ваш адрес email не будет опубликован.

Похожие записи

Начните вводить, то что вы ищите выше и нажмите кнопку Enter для поиска. Нажмите кнопку ESC для отмены.

Вернуться наверх