Как за 5 минут сделать очень популярный на данный момент эффект глассморфизма? Давай разбираться!
Карточка
Мы очень любим карточки, поэтому начнем с нееСоздаем прямоугольник 200х343 с закруглением углов 24
Градиент
Применяем белый линейный градиентВерхний левый угол, прозрачность 50%
Правый нижний угол, прозрачность 0%
Размытие
Применяем эффект background blur со значением 15НО это еще не все!
Внутренние тени
Эффект Inner shadow 2 разаПервый X:1 Y:5 #ffffff 10%
Второй X:-1 Y:-5 #ffffff 10%
Обводка
Заливка: линейный градиентВерхний левый угол: #ffffff 50%
Нижний правый угол: #ffffff 20%
Внешние тени
Эффект Drop shadowПервый X:20 Y:20 #000000 5% blur:100
Нужные элементы
Добавляем необходимые для любой карточки атрибуты
И готово!
