TIME:
Timer: 0
Backgroundcolor = #000000
EXPECTED BEHAVIOR:
animateColor will begin at 1 second and have a duration of 2 seconds.
At 0 seconds, the color will be BLACK - #000000.
At 1 second, animateColor begins and the color animate towards BLUE - #0000FF.
At 2 seconds, the midpoint of animateColor, the color will be #00007F.
At 3 seconds, the color will be BLUE and animateColor Ends.
After animateColor ends, the timedElement (BLUE) should be REMOVE, leaving the original (BLACK).
**Note: calcmode="linear" color changes linear over time duration
SAMPLE CODE:
<div id="timedElement" style="border:1px solid black;background:BLACK; width:100; height:100;"></div>
<t:animateColor targetElement="timedElement" attributeName="backgroundColor" begin="1s" dur="2s" by="#0000ff" fill="remove" calcmode="linear"></t:animateColor>
INFORMATION:
Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved. See http://www.w3.org/Consortium/Legal/. Author: Debbie Newman, Microsoft
Version: 10/09/2000
Module: animation
Feature: animateColor calcmode=linear, fill=remove
File Name: animateColor_by_remove_linear.htm
Media Components: None