css3-animations/Overview.src.html

changeset 6083
341cb156c7cd
parent 6082
1d5f04cd856a
child 6218
13621f209435
     1.1 --- a/css3-animations/Overview.src.html	Thu Jun 28 11:43:37 2012 -0700
     1.2 +++ b/css3-animations/Overview.src.html	Thu Jun 28 11:44:32 2012 -0700
     1.3 @@ -827,19 +827,29 @@
     1.4  			
     1.5  	<p>
     1.6  		If the value for 'animation-fill-mode' is ''backwards'', 
     1.7 -		then the animation will apply the property values defined in its 0% or 'from' keyframe 
     1.8 -		as soon as the animation is applied, 
     1.9 +		then the animation will apply
    1.10 +		the property values defined in the keyframe
    1.11 +		that will start the first iteration of the animation,
    1.12  		during the period defined by 'animation-delay'.
    1.13 +		These are either the values of the ''from'' keyframe
    1.14 +		(when 'animation-direction' is ''normal'' or ''alternate'')
    1.15 +		or those of the ''to'' keyframe
    1.16 +		(when 'animation-direction' is ''reverse'' or ''alternate-reverse'').
    1.17  			
    1.18  	<p>
    1.19  		If the value for 'animation-fill-mode' is ''forwards'', 
    1.20 -		then the animation will apply the property values defined in its last executing keyframe 
    1.21 -		after the final iteration of the animation, 
    1.22 -		until the animation style is removed. 
    1.23 -		The last executing keyframe is the 'to' or '100%' keyframe, 
    1.24 -		unless the animation has 'animation-direction' set to ''alternate'' 
    1.25 -		and both a finite and even iteration count, 
    1.26 -		in which case it is the 'from' or '0%' keyframe.
    1.27 +		then after the animation ends
    1.28 +		(as determined by its 'animation-iteration-count'),
    1.29 +		the animation will apply
    1.30 +		the property values for the time the animation ended.
    1.31 +		When 'animation-iteration-count' is an integer greater than zero,
    1.32 +		the values applied will be
    1.33 +		those for the end of the last completed iteration of the animation
    1.34 +		(rather than the values for
    1.35 +		the start of the iteration that would be next).
    1.36 +		When 'animation-iteration-count' is zero,
    1.37 +		the values applied will be those that would start the first iteration
    1.38 +		(just as when 'animation-fill-mode' is ''backwards'').
    1.39  			
    1.40  	<p>
    1.41  		If the value for 'animation-fill-mode' is ''both'', 

mercurial