Mercurial > drafts / changeset

     1.1 --- a/css-transitions/Overview.html	Tue Sep 10 14:37:08 2013 +0200
     1.2 +++ b/css-transitions/Overview.html	Tue Sep 10 15:12:40 2013 +0200
     1.3 @@ -970,26 +970,28 @@
     1.4     implementations must start transitions based on the computed styles that
     1.5     changed in that event. If an element does not have a computed style either
     1.6     before or after the style change event, then transitions are not started
     1.7 -   for that element in that style change event. Otherwise, define the
     1.8 -   <span>before-change style</span> as the computed style for the element as
     1.9 -   of the previous <a href="#style-change-event">style change event</a>,
    1.10 -   except with any styles derived from declarative animations such as CSS
    1.11 -   Transitions, CSS Animations (<a href="#CSS3-ANIMATIONS"
    1.12 +   for that element in that style change event. Otherwise, define the <dfn
    1.13 +   id=before-change-style>before-change style</dfn> as the computed style for
    1.14 +   the element as of the previous <a href="#style-change-event">style change
    1.15 +   event</a>, except with any styles derived from declarative animations such
    1.16 +   as CSS Transitions, CSS Animations (<a href="#CSS3-ANIMATIONS"
    1.17     rel=biblioentry>[CSS3-ANIMATIONS]<!--{{CSS3-ANIMATIONS}}--></a>), and SMIL
    1.18     Animations (<a href="#SMIL-ANIMATION"
    1.19     rel=biblioentry>[SMIL-ANIMATION]<!--{{SMIL-ANIMATION}}--></a>, <a
    1.20     href="#SVG11" rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>) updated to the
    1.21 -   current time. Likewise, define the <span>after-change style</span> as the
    1.22 -   computed style for the element based on the information known at the start
    1.23 -   of that <a href="#style-change-event">style change event</a>, in other
    1.24 -   words, excluding any changes resulting from CSS Transitions that start
    1.25 -   during that <a href="#style-change-event">style change event</a>.
    1.26 +   current time. Likewise, define the <dfn id=after-change-style>after-change
    1.27 +   style</dfn> as the computed style for the element based on the information
    1.28 +   known at the start of that <a href="#style-change-event">style change
    1.29 +   event</a>, in other words, excluding any changes resulting from CSS
    1.30 +   Transitions that start during that <a href="#style-change-event">style
    1.31 +   change event</a>.
    1.32  
    1.33    <div class=note>
    1.34 -   <p> Note that this definition of the <span>after-change style</span> means
    1.35 -    that a single change can start a transition on the same property on both
    1.36 -    an ancestor element and its descendant element. This can happen when a
    1.37 -    property change is inherited from one element with ‘<code
    1.38 +   <p> Note that this definition of the <a
    1.39 +    href="#after-change-style">after-change style</a> means that a single
    1.40 +    change can start a transition on the same property on both an ancestor
    1.41 +    element and its descendant element. This can happen when a property
    1.42 +    change is inherited from one element with ‘<code
    1.43      class=css>transition-*</code>’ properties that say to animate the
    1.44      changing property to another element with ‘<code
    1.45      class=css>transition-*</code>’ properties that also say to animate the
    1.46 @@ -1006,13 +1008,15 @@
    1.47      desirable effect, but it is essentially doing what the author asked for.
    1.48    </div>
    1.49  
    1.50 -  <p> For each element with a <span>before-change style</span> and an
    1.51 -   <span>after-change style</span>, and each property (other than shorthands)
    1.52 -   for which the <span>before-change style</span> is different from the
    1.53 -   <span>after-change style</span>, implementations must start transitions
    1.54 -   based on the relevant item (see <a href="#transition-property">the
    1.55 -   definition of ‘<code class=property>transition-property</code>’</a>)
    1.56 -   in the computed value of ‘<a href="#transition-property"><code
    1.57 +  <p> For each element with a <a href="#before-change-style">before-change
    1.58 +   style</a> and an <a href="#after-change-style">after-change style</a>, and
    1.59 +   each property (other than shorthands) for which the <a
    1.60 +   href="#before-change-style">before-change style</a> is different from the
    1.61 +   <a href="#after-change-style">after-change style</a>, implementations must
    1.62 +   start transitions based on the relevant item (see <a
    1.63 +   href="#transition-property">the definition of ‘<code
    1.64 +   class=property>transition-property</code>’</a>) in the computed value of
    1.65 +   ‘<a href="#transition-property"><code
    1.66     class=property>transition-property</code></a>’. Corresponding to this
    1.67     item there is a <span>matching transition duration</span>, a
    1.68     <span>matching transition delay</span>, and a <span>matching transition
    1.69 @@ -1086,8 +1090,8 @@
    1.70  
    1.71    <p> If the current time is at or before the <a href="#start-time">start
    1.72     time</a> of the transition (that is, during the delay phase of the
    1.73 -   transition), this value is a specified style that will compute to the
    1.74 -   <span>before-change style</span> in the <a
    1.75 +   transition), this value is a specified style that will compute to the <a
    1.76 +   href="#before-change-style">before-change style</a> in the <a
    1.77     href="#style-change-event">style change event</a> in which the transition
    1.78     was started.
    1.79  
    1.80 @@ -1095,11 +1099,13 @@
    1.81     of the transition (that is, during the duration phase of the transition),
    1.82     this value is a specified style that will compute to the <a
    1.83     href="#animatable-types">result of interpolating the property</a> using
    1.84 -   the <span>before-change style</span> for the property as
    1.85 -   <i>V</i><sub>start</sub>, using the <span>after-change style</span> for
    1.86 -   the property as <i>V</i><sub>end</sub>, and using (current time - start
    1.87 -   time) / (end time - start time) as the input to the timing function. (The
    1.88 -   <span>before-change style</span> and <span>after-change style</span> <a
    1.89 +   the <a href="#before-change-style">before-change style</a> for the
    1.90 +   property as <i>V</i><sub>start</sub>, using the <a
    1.91 +   href="#after-change-style">after-change style</a> for the property as
    1.92 +   <i>V</i><sub>end</sub>, and using (current time - start time) / (end time
    1.93 +   - start time) as the input to the timing function. (The <a
    1.94 +   href="#before-change-style">before-change style</a> and <a
    1.95 +   href="#after-change-style">after-change style</a> <a
    1.96     href="#style-change-event">style change event</a> in which the transition
    1.97     was started.)
    1.98  
    1.99 @@ -1756,9 +1762,10 @@
   1.100     <li>Define the model for starting of transitions and their interaction
   1.101      with other animations more precisely:
   1.102      <ul>
   1.103 -     <li>Define the <span>before-change style</span> and <span>after-change
   1.104 -      style</span> used for the style comparison, using the new concept of a
   1.105 -      <a href="#style-change-event">style change event</a>.
   1.106 +     <li>Define the <a href="#before-change-style">before-change style</a>
   1.107 +      and <a href="#after-change-style">after-change style</a> used for the
   1.108 +      style comparison, using the new concept of a <a
   1.109 +      href="#style-change-event">style change event</a>.
   1.110  
   1.111       <li>Define that a CSS transition for a property does not affect computed
   1.112        style when a CSS Animation for the same property is running, but that
   1.113 @@ -1999,6 +2006,12 @@
   1.114    <!--begin-index-->
   1.115  
   1.116    <ul class=indexlist>
   1.117 +   <li>after-change style, <a href="#after-change-style"
   1.118 +    title="section 3."><strong>3.</strong></a>
   1.119 +
   1.120 +   <li>before-change style, <a href="#before-change-style"
   1.121 +    title="section 3."><strong>3.</strong></a>
   1.122 +
   1.123     <li>combined duration, <a href="#combined-duration"
   1.124      title="section 3."><strong>3.</strong></a>
   1.125  

     2.1 --- a/css-transitions/Overview.src.html	Tue Sep 10 14:37:08 2013 +0200
     2.2 +++ b/css-transitions/Overview.src.html	Tue Sep 10 15:12:40 2013 +0200
     2.3 @@ -961,7 +961,7 @@
     2.4          then transitions are not started for that element
     2.5          in that style change event.
     2.6          Otherwise,
     2.7 -        define the <span>before-change style</span> as
     2.8 +        define the <dfn>before-change style</dfn> as
     2.9          the computed style for the element as of
    2.10          the previous <span>style change event</span>,
    2.11          except with any styles derived from declarative
    2.12 @@ -969,7 +969,7 @@
    2.13          ([[CSS3-ANIMATIONS]]),
    2.14          and SMIL Animations ([[SMIL-ANIMATION]], [[SVG11]])
    2.15          updated to the current time.
    2.16 -        Likewise, define the <span>after-change style</span> as
    2.17 +        Likewise, define the <dfn>after-change style</dfn> as
    2.18          the computed style for the element based on the information
    2.19          known at the start of that <span>style change event</span>,
    2.20          in other words,