Getting Started With web Animation

WHY

You are already animating
You're not animating well

Cut Based Animation is Bad


If you Don't Do the work

your user Will



Use Your User's GPU


Images from Animation At work

If you're interested in more I highly recommend it


Rache Nabros

Principles


There's more in the references

Illusion of Life

Easing



Space Awareness


Read More resources

UX Animation Principles
Principles of UX choreography
Animation At Work
Jedi Principles of Animation
9 Rules of functional animation

Medium



SVG

Drawing Path

Animation techniques

CSS Transition

CSS Keyframes

Connecting Path


more Refrences

CSS Animation vs Web Animation API
A small course on CSS Animations by DevTips

For more application try
SVG Animation - by Sarah Drasner

You can read it under the free trial here


I recommend you also checkout courses by 
Rachel Nabors

To stay up to date
Subscribe to Web Animation weekly

Title

Made with Slides.com