CSS.la #3 – CSS Animations!!
Set the stage:
UX - help people understand UI
User interface animation examples
Animations vs. transitions
Things to know
Accessibility - don’t go overboard, or allow an option to turn off animations.
Subtlety is key!
You can use media queries to do help people set this preference
them to disable)
Transforms - things at the composite/paint layer, not margin
Tool for generating cubic bezier:
A note about libraries – good for reference, but you don’t need them!
Basic keyframe animation
CSS Color names
Mozilla DevNet CSS Animations