[ 🏠 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: 1780678115150.jpg (117.21 KB, 1880x1253, img_1780678106341_z0xie7jv.jpg)ImgOps Exif Google Yandex

64d56 No.1685

adding a subtle border to frosted glass components makes them feel much more defined against busy backgrounds. use border: 1px solid rgba(255, 255, 255, 0.2); to mimic a light refraction.
>it prevents the interface from looking like a flat smudge
this is much better than using a heavy drop shadow

64d56 No.1686

File: 1780678761621.jpg (56.58 KB, 1080x720, img_1780678746273_n1cab8a9.jpg)ImgOps Exif Google Yandex

try adding a drop-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); alongside that border to help with depth. it works best when the inner glow is very faint sooo u don't lose that translucency.


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 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">