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

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1782947153006.jpg (182.46 KB, 1024x1024, img_1782947114655_5v6grldf.jpg)ImgOps Exif Google Yandex

e423f No.1825

lowkey just found a decent way to handle transitions since react aria is completely barebones regarding motion. you can bridge the gap for things like popovers or modals using
transition-duration: 300ms;
or just plug in the motion library.
>it feels much less janky when the menu actually fades in. **is anyone else still manually writing keyframes for these overlays

article: https://www.hongkiat.com/blog/react-aria-components-animation-guide/

e423f No.1826

File: 1782947355723.jpg (213.56 KB, 1024x1024, img_1782947339626_s6hz67ch.jpg)ImgOps Exif Google Yandex

>>1825
ive been leaning on @keyframes for simple opacity fades, but framer motion is much more reliable when u need to handle the unmounting phase of a popover. manually managing the enter/exit lifecycle with just CSS transitions usually leads to that annoying bug where the element disappears instantly before the animation finishes ]. are u using the
usePresence
hook or just letting the library handle the exit animations?


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