Гайд [Glassmorphism] - Эффект для людей со вкусом

[HORMAN]

Возможно, некоторые уже сталкивались с данной стилизацией блоков, под кодовым словом «Glassmorphism»

Это относительно новый тренд в сфере создания различных UI. Данный тренд - очевидно, преемник нашумевшнго недо-тренда «Neumorphism», который лично мне показался отвратительным в любых расцветках и расстановках блоков.

Можно быстро сравнить «Glassmorphism» и «Neumorphism»:

На скринах выше они предосталены соответственно.

В период с декабря прошлого года по текущий день я все чаще сталкиваюсь с работами, выполненными с применением данного эффекта. Думаю, этот тренд и правда может развиваться на протяжении нескольких лет в лучшую сторону, так как, во-первых, этот эффект легко создать, ну и во-вторых, выглядит он достаточно аккуратно и презентабельно.

По-поводу его использования даже не вижу смысла писать.
1. Есть генераторы.

Пожалуйста, авторизуйтесь для просмотра ссылки.

2. Эффект создаётся буквально за пару секунд, благодаря теням, прозрачному фону и css свойству backdrop-filter: blur()

Работы с эффектом «Glassmorphism» на Codepen -

Пожалуйста, авторизуйтесь для просмотра ссылки.

 

[Miraimoro]

Боже, как же приятно глазам

 

[FerNikoMF]

Очень-очень красивые. , Я хочу такой на виду

 

[kentolk]

Очень-очень красивые. , Я хочу такой на виду

+++

 

[mariia]

раскошно, очень эстетичный эффект

 

[Zenon1488]

Жаль что это под вёрстку, скачать пнгшку не получится

 

[Harebourg]

Интересное решение, было интересно почитать)

 

[bubu2506]

Приятно глазу))

 

[Flatline]

Nice, how much time do you have in this?