Squash and Stretch: CSS animation design technique(joshwcomeau.com) |
Squash and Stretch: CSS animation design technique(joshwcomeau.com) |
> 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...