As a follow-up to Jhey’s recent post on responsive motion paths, Michelle Barker notes that another approach could be to just transform: scale() the whole dang element.
The trade-off there is that you’re scaling both the path and the …
There was a discussion recently on the Animation at Work Slack: how could you make a CSS motion path responsive? What techniques would be work? This got me thinking.
A CSS motion path allows us to animate elements along …
Cassie Evans has a great intro to motion paths. That is, being able to animate an element along a path. Not just up/down/left/right, but whatever curvy/wiggly/weird path you want.
It’s an interesting subject because there are so many different …
Modals always be just appearin’. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to appear from “above” or “below.” But we can get weirder …
The offset-anchor property defines a point within the box it is applied as the anchor that moves along the offset-path.
That’s kinda wordy, so let’s break that down a bit.…
This property began life as motion-path. This, and all other related motion-* properties, are being renamed offset-* in the spec. We’re changing the names here in the almanac. If you want to use it right now, probably best …
This post was written after Chrome published an intent to deprecate SMIL in 2015. Fast-forward to 2023, and it appears that it never actually happened. Not only that, but we have seen Microsoft’s Edge browser merge with Chromium, …
