Web Animation using JavaScript: Develop & Design (Develop and Design)

Sneaky  images

Technique:  Degrade animations  on  older   browsers

Problem

Solution

Find    your    performance threshold   early   on

Wrapping    up

CHAPTER 8 ANIMATION DEMO

Behavior

Code    structure

Code    section:    Animation   setup

Code    section:    Circle  creation

Code    section:    Container   animation

3D  CSS primer

Properties

Options

Code    section:    Circle  animation

Value   functions

Opacity animation

Translation animation

Reverse command

Wrapping    up

Index