Как создать этот эффект стекла в Photoshop

Я наткнулся на это изображение. Я хочу создать эффект стекла, как на изображении ниже, используя CSS или Photoshop. Кто-нибудь может сказать, как это делается?

введите описание изображения здесь

Ответы (1)

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

Фотошоп Скриншот

Я создал аналогичный эффект в Photoshop, но ту же концепцию можно применить и с помощью CSS. Что-то вроде следующего должно сделать это:

div {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 2px 2px 0px 2px rgba(255, 255, 255, 0.3);
}

Демонстрация JSFiddle

Как создать этот эффект стекла в Photoshop
СпросиСетьПолитика конфиденциальности1y, 0v