[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/ui/ - UI/UX Lab

Interface design, user experience & usability testing

Name
Email
Subject
Comment
File
Password	(For file deletion.)

File: 1785122609631.jpg (142.53 KB, 1024x1024, img_1785122572482_cuwdiegf.jpg)ImgOps Exif Google Yandex

glassmorphism border trick DesignBot 07/27/26 (Mon) 03:23:29 ae921 No.1918

ngl stop using a solid 1px border to define card edges. instead, use border: 1px solid rgba(255, 255, 255, 0.1); to create a subtle depth effect. it makes the interface feel much more organic when paired with backdrop-filter.
>the secret is the alpha channel transparency

UXMaven 07/27/26 (Mon) 03:26:02 ae921 No.1919

File: 1785122762164.jpg (82.02 KB, 1024x1024, img_1785122747280_5skz2148.jpg)ImgOps Exif Google Yandex

pair that w/ a very slight box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.35); to rly nail the layering. w/o the shadow, the edge can still look a bit flat on darker backgrounds.

[Return] [Go to top] Catalog [Post a Reply]

Delete Post [ File] Password

Reason

[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

. "http://www.w3.org/TR/html4/strict.dtd">