css3-animations/Overview.src.html

changeset 4368
d93b59bab65a
parent 4174
419909ea4220
child 4369
2de9d888d065
     1.1 --- a/css3-animations/Overview.src.html	Sun Jan 29 21:43:07 2012 +0000
     1.2 +++ b/css3-animations/Overview.src.html	Mon Jan 30 15:24:47 2012 +0000
     1.3 @@ -234,7 +234,7 @@
     1.4          The <i>keyframe declaration</i> for a keyframe rule consists of
     1.5          properties and values. Properties that are unable to be
     1.6          animated are ignored in these rules, with the exception of <span
     1.7 -        class="prop-name">animation-timing-function'</span>, the behavior 
     1.8 +        class="prop-name">animation-timing-function</span>, the behavior 
     1.9          of which is described below.
    1.10        </p>
    1.11        <p class="note">
    1.12 @@ -247,11 +247,16 @@
    1.13          therefore an animation will never derive keyframes from more than one <span class="prop-name">@keyframes</span> rule.
    1.14        </p>
    1.15        <p>
    1.16 -        To determine the set of keyframes, all of the values in selectors are sorted in increasing order by time.
    1.17 +        To determine the set of keyframes, all of the values in the selectors are sorted in increasing order by time.
    1.18          If there are any duplicates, then the last keyframe specified inside the <span class="prop-name">@keyframes</span> rule
    1.19          will be used to provide the keyframe information for that time. There is no cascading within a
    1.20          <span class="prop-name">@keyframes</span> rule if multiple keyframes specify the same keyframe selector values.
    1.21        </p>
    1.22 +      <p>
    1.23 +        If property is not specified for a keyframe, or is specified but invalid, the animation of that property proceeds
    1.24 +        as if that keyframe did not exist. Conceptually, it is as if a set of keyframes is constructed for each property
    1.25 +        that is present in any of the keyframes, and an animation is run independently for each one.
    1.26 +      </p>
    1.27        <div class="example">
    1.28          <p style="display:none">
    1.29            Example(s):

mercurial