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.

gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.