1.1 --- a/css3-animations/Overview.src.html Fri Feb 17 20:09:21 2012 +0000
1.2 +++ b/css3-animations/Overview.src.html Fri Feb 17 20:13:27 2012 +0000
1.3 @@ -127,7 +127,7 @@
1.4 <p>
1.5 The start time of an animation is the latter of two moments: the time at which the style is
1.6 resolved that specifies the animation, or the time the document's load event is fired.
1.7 - Therefore, an animation specified in the document stylesheet will begin at the document load.
1.8 + Therefore, an animation specified in the document style sheet will begin at the document load.
1.9 An animation specified on an element by modifying the style after the document has loaded will
1.10 start when the style is resolved. That may be immediately in the case of a pseudo style rule
1.11 such as hover, or may be when the scripting engine returns control to the browser (in the case
1.12 @@ -143,7 +143,7 @@
1.13 time the animation starts. Changing them during the execution of the
1.14 animation has no effect. Note also, that changing the value of
1.15 <code class="property">'animation-name'</code> does not necessarily
1.16 - restart an animation (e.g. if a list of animations are applied and
1.17 + restart an animation (e.g., if a list of animations are applied and
1.18 one is removed from the list, only that animation will stop; The other
1.19 animations will continue). In order to restart an animation, it must be
1.20 removed then reapplied.
1.21 @@ -330,7 +330,7 @@
1.22
1.23 }
1.24
1.25 - </pre>Five keyframes are specified for the animation named "bounce". Between the first and second keyframe (ie. between 0% and 25%) an "ease-out" timing function is used. Between the second and third keyframe (ie. between 25% and 50%) an "ease-in" timing function is used. And so on. The effect will appear as an element that moves up the page 50px, slowing down as it reaches its highest point then speeding up as it falls back to 100px. The second half of the animation behaves in a similar manner, but only moves the element 25px units up the page. A timing function specified on the "to" or 100% keyframe is ignored
1.26 + </pre>Five keyframes are specified for the animation named "bounce". Between the first and second keyframe (i.e., between 0% and 25%) an "ease-out" timing function is used. Between the second and third keyframe (i.e., between 25% and 50%) an "ease-in" timing function is used. And so on. The effect will appear as an element that moves up the page 50px, slowing down as it reaches its highest point then speeding up as it falls back to 100px. The second half of the animation behaves in a similar manner, but only moves the element 25px units up the page. A timing function specified on the "to" or 100% keyframe is ignored
1.27 </div>
1.28 <p>
1.29 See <a href="#animation-timing-function_tag">the <code class="property">'animation-timing-function'</code>
1.30 @@ -1083,7 +1083,7 @@
1.31 </p>
1.32 <p class="issue">
1.33 An alternative proposal is to accept the font shorthand approach of
1.34 - using a "/" character between the values of the same type. eg. 2s/4s would
1.35 + using a "/" character between the values of the same type. e.g. 2s/4s would
1.36 mean a duration of 2 seconds and a delay of 4 seconds.
1.37 </p>
1.38 <table class="propdef">
