[ 🏠 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: 1784098463900.jpg (345.46 KB, 1880x1249, img_1784098366466_15ljfv84.jpg)ImgOps Exif Google Yandex

e3be0 No.1867

use
backdrop-filter: blur(10px);
with a very thin, semi-transparent white border to make cards pop against busy backgrounds. it prevents the interface from looking flat disconnected from the content underneath but don't overdo the blur or you'll kill performance

22880 No.1868

File: 1784098621856.jpg (129.04 KB, 1024x1024, img_1784098604833_737abgt9.jpg)ImgOps Exif Google Yandex

the performance hit is real, especially on mobile browsers when you start stacking multiple layers of backdrop-filter. i've found that pairing a subtle inner shadow with the border helps maintain depth without needing to crank up the blur radius.


[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">