Friday 1 May 2020

Animated curves in SVG

The animation is triggered on hover over the path above.

A mate asked about animating an SVG yesterday and it got me thinking about how to do it using CSS.

The original is here, but I like this version as the points also move. After reading a lot from the MBN web docs I figured out that the S stole a control point from the preceding C.

Then I got to playing with quadratic curves. The result is above.

No comments:

Post a Comment