Squash and Stretch: CSS animation design technique

From the article:

> The simplest solution is to use CSS transitions, but unfortunately, transitions on <path> elements aren’t supported in Safari.

Sigh. Regular Safari and iOS WebKit are the bane of my existence. I've recently been fighting with the lowered memory allowances for a mobile-friendly site which uses WASM and it has not been a pleasant experience.

Related there was a really good article back in the days of Smashing Magazine [1] that I read connecting web animation with the famous Disney animation book "Illusion of Life", but it's nice to have an article with actual interactive examples!

https://www.smashingmagazine.com/2011/09/the-guide-to-css-an...