Java, UX, HTML, CSS, WEB-design

10 красивых примеров глассморфизма

Краткое описание по статье 10 красивых примеров глассморфизма

Название: 10 красивых примеров глассморфизма . Краткое описание: [ad_1] ⭐ Стеклянный морфизм — это термин, используе . Дата публикации: 24.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

[ad_1]

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

В этом посте мы собрали 10 потрясающих примеров этого направления дизайна от Codepen. Посмотрите и узнайте, как вы могли бы использовать этот эффект в своих будущих проектах!

Ваш набор инструментов веб-дизайнера
Неограниченное количество загрузок: более 500 000 веб-шаблонов, наборов иконок, тем и элементов дизайна


Пример стекломорфизма

См. Pen Glassmorphism Альберта (@walickialbert) на CodePen.light

Редизайн приложения Glassmorphism Creative Cloud

См. редизайн приложения Pen Glassmorphism Creative Cloud от Aysenur Turk (@TurkAysenur) на CodePen.light

Стекломорфный вход в форму

См. форму входа Pen Glassmorphic от Shounak Das (@dasshounak) на CodePen.light

Кредитная/дебетовая карта Glassmorphism (чистый CSS)

См. кредитную/дебетовую карту Pen Glassmorphism (чистый CSS) от Shounak Das (@dasshounak) на CodePen.light

Страница стекломорфизма

См. Pen Glassmorphism от Jayasree (@Jayasree_0708) на CodePen.light

Привет

См. Pen Glassmorphism от Vihanga nivarthana (@vihanga) на CodePen.light

Простой пример глассморфизма

См. Pen Glassmorphism от Supriya (@omeal) на CodePen.light

Карты Glassmorphism vs Neumorphism

См. карты Pen Glassmorphism vs Neumorphism | CSS, Js и VanillaTilt от Quentin Feret (@quentin-feret) на CodePen.light

Стекломорфизм анимированный

См. анимацию Pen Glassmorphism от jSpilka95 (@jspilka95) на CodePen.light.

Сетка постов Glassmorphism

См. сетку сообщений Pen Glassmorphism от Vinothkanna (@vinocrazy) на CodePen.light

Этот пост может содержать партнерские ссылки. Смотрите нашу информацию о партнерских ссылках здесь.

[ad_2]
Source: 1stwebdisigner

Заключение

Вы ознакомились с статьей — 10 красивых примеров глассморфизма

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

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

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

Кнопка «Наверх»