ABSTRACT
The timing function keywords control different types of animation sequence: • Linear: The linear function just returns as its output the input
that it received. • Ease: The default function, ease, is equivalent to cubic-bezier
(0.25, 0.1, 0.25, 1.0). • Ease-in: The ease-in function is equivalent to cubic-bezier
(0.42, 0, 1.0, 1.0). • Ease-out: The ease-out function is equivalent to cubic-bezier
(0, 0, 0.58, 1.0). • Ease-in-out: The ease-in-out function is equivalent to cubic-bezier
(0.42, 0, 0.58, 1.0). • Cubic-bezier: Specifies a cubic-bezier curve whose P0 and P3
points are (0,0) and (1,1), respectively. The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). The following example applies a transition effect on the color
definition in the PARAGRAPH element:
As you select any text using the PARAGRAPH element the text will slowly change from red to blue.