Hands On: animations

Original
“CSS Animations allow an author to modify CSS property values over time. In a simple transition, a single timing function and duration determine the intermediate values of the animating property. When finer control of the intermediate values is required, keyframes can be used. Keyframes are specified using a specialized CSS at-rule.”
animation-delay:
animation-duration:
animation-iteration-count:
animation-fill-mode:
animation-direction:
@keyframes: Play All Add Another Keyframe
from:
timing-function:
cubic-bezier timing-function:
keyframe at:
timing-function:
cubic-bezier timing-function:
to:
timing-function:
cubic-bezier timing-function:
Play All Delete All

This demo is based on the W3C Working Draft CSS Animations Module Level 3.