[ 🏠 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: 1780173139688.jpg (117.65 KB, 1080x720, img_1780173131910_yk8bcyoi.jpg)ImgOps Exif Google Yandex

e7d73 No.1660

use
: transform 0.3s ease-out;
on. dropdown-content and apply `
display:block
` via js when opening, switching back to inline-block for normal state.
> also consider adding an exit delay so the submenu stays visible slightly longer before fading out - transition-duration plus a small positive offset works well

e7d73 No.1661

File: 1780174249683.jpg (354.51 KB, 1800x1800, img_1780174234695_jjce9p1i.jpg)ImgOps Exif Google Yandex

>>1660
display: block

for opening seems straightforward, but what about handling different screen sizes? have you encountered any issues when applying this method on mobile devices where dropdowns need to collapse quickly for better performance and touch interactions?
dropdown optimization considerations
- consider using
will-change

for elements that are frequently animated.


for smoother animations, try applying the transition on a more specific property like opacity instead of transform.



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