#transform

[ follow ]
fromCSS-Tricks
5 days ago

CSS Animations That Leverage the Parent-Child Relationship | CSS-Tricks

Modern CSS has great ways to position and move a group of elements relative to each other, such as anchor positioning. That said, there are instances where it may be better to take up the old ways for a little animation, saving time and effort. We've always been able to affect an element's structure, like resizing and rotating it. And when we change an element's intrinsic sizing, its children are affected, too. This is something we can use to our advantage.
Web development
UX design
fromPiccalilli
1 month ago

While you're fixing the fun stuff, fix the important stuff too

Avoid hover jitter by ensuring hover state persists when pointer moves among element children, using parent-level targets, extra padding, or non-hacky layout adjustments.
[ Load more ]