TIMER:
Timer: 0
EXPECTED BEHAVIOR:
Testing: keySplines, keyTimes.
The inner box animation color is represented by the blue line on the graph. The outer box is animating linearly.
At 0 seconds, the inner and outer boxes will be green.
At 2 seconds, the inner and outer boxes will animate from black to yellow.
At 2-4 seconds, the inner box will start animating slower than the outside box, causing the inner box to look a darker yellow.
At 5 seconds, the inner and outer boxes should be the same color.
At 4-8 seconds, the inner box will animate color faster that the outside box, causing the inner box to look a brighter yellow.
At 8 seconds, the inner and outer boxes quit animating and freeze on yellow.
SAMPLE CODE:
<t:animateColor begin="2s" dur="6s" calcMode="spline" keySplines=".5 0 .5 1" keyTimes="0; 1" targetElement="T1" values="black;yellow" attributeName="style.backgroundcolor" fill="freeze"/>
<t:animateColor begin="2s" dur="6s" calcMode=linear keyTimes="0; 1" TargetElement=T2 values="black;yellow" attributeName="style.backgroundcolor" fill="freeze"/>
INFORMATION:
Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved. See http://www.w3.org/Consortium/Legal/. Author: Debbie Newman, Microsoft
Version: 11/02/2000
Module: animateColor
Feature: begin, dur, calcMode=spline, keySplines, keyTimes, targetElement, values, fill=freeze
File Name: animateColor_spline_002.htm
Media Components: images/spline_img02.gif