What problem are we solving?
This video shows how we can create animation effects from first principles.
If you know these three concepts:
I can run timed code using setTimeout and setInterval.
I can change CSS properties of DOM elements with Javascript.
Put those three fundamental concepts together and you can do anything! We can see this in action in this half hour video of me showing the marketing team how to apply these ideas:
...
We need a solution that allows use to change various CSS properties over a time sequence so that we can create various animations effects such as:
...
Let's try it out interactively using the Javascript console!
Want to animate a bouncing square around the page? You can do it.
Want to have a fade in and out of a quote? You can do it!
If you can imagine it, you can program it.
Notice that there is symmetry with CSS transitions.