Mercurial > drafts / changeset

     1.1 --- a/css3-transitions/Overview.html	Sun Feb 03 23:26:51 2013 -0700
     1.2 +++ b/css3-transitions/Overview.html	Sun Feb 03 23:33:13 2013 -0700
     1.3 @@ -408,10 +408,10 @@
     1.4     id=single-transition-property>&lt;single-transition-property&gt;</dfn> =
     1.5     all | &lt;IDENT&gt;</div>
     1.6  
     1.7 -  <p> A value of ‘<code class=property>none</code>’ means that no
     1.8 -   property will transition. Otherwise, a list of properties to be
     1.9 -   transitioned, or the keyword ‘<code class=property>all</code>’ which
    1.10 -   indicates that all properties are to be transitioned, is given.
    1.11 +  <p> A value of ‘<code class=css>none</code>’ means that no property
    1.12 +   will transition. Otherwise, a list of properties to be transitioned, or
    1.13 +   the keyword ‘<code class=css>all</code>’ which indicates that all
    1.14 +   properties are to be transitioned, is given.
    1.15  
    1.16    <p> If one of the identifiers listed is not a recognized property name or
    1.17     is not an animatable property, the implementation must still start
    1.18 @@ -434,27 +434,27 @@
    1.19     href="#single-transition-property">&lt;single-transition-property&gt;</a>
    1.20     matches any identifier other than these three keywords.
    1.21  
    1.22 -  <p> For the keyword ‘<code class=property>all</code>’, or if one of the
    1.23 +  <p> For the keyword ‘<code class=css>all</code>’, or if one of the
    1.24     identifiers listed is a shorthand property, implementations must start
    1.25     transitions for any of its longhand sub-properties that are animatable
    1.26 -   (or, for ‘<code class=property>all</code>’, all animatable
    1.27 -   properties), using the duration, delay, and timing function at the index
    1.28 -   corresponding to the shorthand.
    1.29 +   (or, for ‘<code class=css>all</code>’, all animatable properties),
    1.30 +   using the duration, delay, and timing function at the index corresponding
    1.31 +   to the shorthand.
    1.32  
    1.33    <p> If a property is specified multiple times in the value of ‘<a
    1.34     href="#transition-property"><code
    1.35     class=property>transition-property</code></a>’ (either on its own, via a
    1.36 -   shorthand that contains it, or via the ‘<code
    1.37 -   class=property>all</code>’ value), then the transition that starts uses
    1.38 -   the duration, delay, and timing function at the index corresponding to the
    1.39 -   <em>last</em> item in the value of ‘<a href="#transition-property"><code
    1.40 +   shorthand that contains it, or via the ‘<code class=css>all</code>’
    1.41 +   value), then the transition that starts uses the duration, delay, and
    1.42 +   timing function at the index corresponding to the <em>last</em> item in
    1.43 +   the value of ‘<a href="#transition-property"><code
    1.44     class=property>transition-property</code></a>’ that calls for animating
    1.45     that property.
    1.46  
    1.47 -  <p class=note> Note: The <code class=property>all</code> value and
    1.48 -   shorthand properties work in similar ways, so the <code
    1.49 -   class=property>all</code> value is just like a shorthand that covers all
    1.50 -   properties.</p>
    1.51 +  <p class=note> Note: The ‘<code class=css>all</code>’ value and
    1.52 +   ‘<code class=property>all</code>’ shorthand property work in similar
    1.53 +   ways, so the ‘<code class=css>all</code>’ value is just like a
    1.54 +   shorthand that covers all properties.</p>
    1.55    <!-- ======================================================================================================= -->
    1.56  
    1.57    <h3 id=transition-duration-property><span class=secno>2.2. </span><a
    1.58 @@ -682,8 +682,8 @@
    1.59      parameters. The first parameter specifies the number of intervals in the
    1.60      function. It must be a positive integer (greater than 0). The second
    1.61      parameter, which is optional, is either the value ‘<code
    1.62 -    class=property>start</code>’ or ‘<code class=property>end</code>’,
    1.63 -    and specifies the point at which the change of values occur within the
    1.64 +    class=css>start</code>’ or ‘<code class=css>end</code>’, and
    1.65 +    specifies the point at which the change of values occur within the
    1.66      interval. If the second parameter is omitted, it is given the value
    1.67      ‘<code class=property>end</code>’.
    1.68  
    1.69 @@ -912,12 +912,12 @@
    1.70      computed ‘<a href="#transition-duration"><code
    1.71      class=property>transition-duration</code></a>’ at the time that
    1.72      ‘<code class=property>background-color</code>’ would have its new
    1.73 -    value (‘<code class=property>green</code>’) is ‘<code
    1.74 +    value (‘<code class=css>green</code>’) is ‘<code
    1.75      class=css>2s</code>’, so the transition from ‘<code
    1.76      class=property>blue</code>’ to ‘<code class=property>green</code>’
    1.77      takes 2 seconds. However, when the list item leaves the :hover state, the
    1.78 -    transition from ‘<code class=property>green</code>’ to ‘<code
    1.79 -    class=property>blue</code>’ takes 1 second.
    1.80 +    transition from ‘<code class=css>green</code>’ to ‘<code
    1.81 +    class=css>blue</code>’ takes 1 second.
    1.82    </div>
    1.83  
    1.84    <p> When the computed value of a property changes, implementations must
    1.85 @@ -1201,10 +1201,10 @@
    1.86    <dl>
    1.87     <dt> <b>transitionend</b>
    1.88  
    1.89 -   <dd> The ‘<code class=property>transitionend</code>’ event occurs at
    1.90 -    the completion of the transition. In the case where a transition is
    1.91 -    removed before completion, such as if the transition-property is removed,
    1.92 -    then the event will not fire.
    1.93 +   <dd> The <code>transitionend</code> event occurs at the completion of the
    1.94 +    transition. In the case where a transition is removed before completion,
    1.95 +    such as if the transition-property is removed, then the event will not
    1.96 +    fire.
    1.97      <ul>
    1.98       <li>Bubbles: Yes
    1.99  
   1.100 @@ -1266,13 +1266,13 @@
   1.101      height components (treating each as a number).
   1.102  
   1.103     <li> <strong>visibility</strong>: if one of the values is ‘<code
   1.104 -    class=property>visible</code>’, interpolated as a discrete step where
   1.105 -    values of the timing function between 0 and 1 map to ‘<code
   1.106 -    class=property>visible</code>’ and other values of the timing function
   1.107 +    class=css>visible</code>’, interpolated as a discrete step where values
   1.108 +    of the timing function between 0 and 1 map to ‘<code
   1.109 +    class=css>visible</code>’ and other values of the timing function
   1.110      (which occur only at the start/end of the transition or as a result of
   1.111      ‘<code class=css>cubic-bezier()</code>’ functions with Y values
   1.112      outside of [0, 1]) map to the closer endpoint; if neither value is
   1.113 -    ‘<code class=property>visible</code>’ then not interpolable.
   1.114 +    ‘<code class=css>visible</code>’ then not interpolable.
   1.115  
   1.116     <li> <strong>shadow</strong>: interpolated via the color, x, y and blur
   1.117      components (treating them as color and numbers where appropriate). In the

     2.1 --- a/css3-transitions/Overview.src.html	Sun Feb 03 23:26:51 2013 -0700
     2.2 +++ b/css3-transitions/Overview.src.html	Sun Feb 03 23:33:13 2013 -0700
     2.3 @@ -276,9 +276,9 @@
     2.4        </div>
     2.5  
     2.6        <p>
     2.7 -        A value of 'none' means that no property will transition.
     2.8 +        A value of ''none'' means that no property will transition.
     2.9          Otherwise, a list of properties to be transitioned, or the
    2.10 -        keyword 'all' which indicates that all properties are to be
    2.11 +        keyword ''all'' which indicates that all properties are to be
    2.12          transitioned, is given.
    2.13        </p>
    2.14  
    2.15 @@ -303,24 +303,24 @@
    2.16        </p>
    2.17  
    2.18        <p>
    2.19 -        For the keyword 'all', or if one of the identifiers listed is a
    2.20 +        For the keyword ''all'', or if one of the identifiers listed is a
    2.21          shorthand property, implementations must start transitions for
    2.22          any of its longhand sub-properties that are animatable (or, for
    2.23 -        'all', all animatable properties), using the duration, delay,
    2.24 +        ''all'', all animatable properties), using the duration, delay,
    2.25          and timing function at the index corresponding to the shorthand.
    2.26        </p>
    2.27        <p>
    2.28          If a property is specified multiple times in the value of
    2.29          'transition-property' (either on its own, via a shorthand that
    2.30 -        contains it, or via the 'all' value), then the transition that
    2.31 +        contains it, or via the ''all'' value), then the transition that
    2.32          starts uses the duration, delay, and timing function at the
    2.33          index corresponding to the <em>last</em> item in the value of
    2.34          'transition-property' that calls for animating that property.
    2.35        </p>
    2.36        <p class="note">
    2.37 -        Note:  The <code class="property">all</code> value and shorthand
    2.38 -        properties work in similar ways, so the <code
    2.39 -        class="property">all</code> value is just like a shorthand that
    2.40 +        Note:  The ''all'' value and 'all' shorthand
    2.41 +        property work in similar ways, so the
    2.42 +        ''all'' value is just like a shorthand that
    2.43          covers all properties.
    2.44        </p>
    2.45  
    2.46 @@ -416,7 +416,7 @@
    2.47          </tbody>
    2.48        </table>
    2.49        <p>
    2.50 -        This property specifies how long the transition from the old value to the new value should take. By default the value is '0s', meaning that the transition is immediate (i.e. there will be no animation). A negative value for <code class="property">transition-duration</code> renders the declaration invalid.
    2.51 +        This property specifies how long the transition from the old value to the new value should take. By default the value is ''0s'', meaning that the transition is immediate (i.e. there will be no animation). A negative value for <code class="property">transition-duration</code> renders the declaration invalid.
    2.52        </p>
    2.53  
    2.54        <!-- =======================================================================================================   
    2.55 @@ -635,7 +635,7 @@
    2.56            parameters. The first parameter specifies the number of intervals
    2.57            in the function. It must be a positive integer (greater than 0).
    2.58            The second parameter, which is optional, is
    2.59 -          either the value 'start' or 'end', and specifies the point
    2.60 +          either the value ''start'' or ''end'', and specifies the point
    2.61            at which the change of values occur within the interval.
    2.62            If the second parameter is omitted, it is given the value 'end'.
    2.63          </dd>
    2.64 @@ -655,7 +655,7 @@
    2.65          The <code class="property">'transition-delay'</code> Property
    2.66        </a></h3>
    2.67        <p>
    2.68 -        The <code class="property">'transition-delay'</code> property defines when the transition will start. It allows a transition to begin execution some some period of time from when it is applied. A <code class="property">'transition-delay'</code> value of '0s' means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
    2.69 +        The <code class="property">'transition-delay'</code> property defines when the transition will start. It allows a transition to begin execution some some period of time from when it is applied. A <code class="property">'transition-delay'</code> value of ''0s'' means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
    2.70        </p>
    2.71        <p>
    2.72          If the value for <code class="property">'transition-delay'</code> is a negative time offset then the transition will execute the moment the property is changed, but will appear to have begun execution at the specified offset. That is, the transition will appear to begin part-way through its play cycle. In the case where a transition has implied starting values and a negative <code class="property">'transition-delay'</code>, the starting values are taken from the moment the property is changed.
    2.73 @@ -901,10 +901,10 @@
    2.74          <p>
    2.75            When a list item with these style rules enters the :hover
    2.76            state, the computed 'transition-duration' at the time that
    2.77 -          'background-color' would have its new value ('green') is '2s',
    2.78 +          'background-color' would have its new value (''green'') is ''2s'',
    2.79            so the transition from 'blue' to 'green' takes 2 seconds.
    2.80            However, when the list item leaves the :hover state, the
    2.81 -          transition from 'green' to 'blue' takes 1 second.
    2.82 +          transition from ''green'' to ''blue'' takes 1 second.
    2.83          </p>
    2.84        </div>
    2.85  
    2.86 @@ -918,8 +918,8 @@
    2.87          computed values of 'transition-duration' and 'transition-delay'
    2.88          (see <a href="#list-matching">the rules on matching lists</a>).
    2.89          Define the <dfn>combined duration</dfn> of the transition
    2.90 -        as the sum of max('transition-duration', '0s') and 'transition-delay'.
    2.91 -        When the combined duration is greater than '0s',
    2.92 +        as the sum of max('transition-duration', ''0s'') and 'transition-delay'.
    2.93 +        When the combined duration is greater than ''0s'',
    2.94          then a transition starts based on the values of
    2.95          'transition-duration', 'transition-delay',
    2.96          and 'transition-timing-function';
    2.97 @@ -1207,7 +1207,7 @@
    2.98            <b>transitionend</b>
    2.99          </dt>
   2.100          <dd>
   2.101 -          The 'transitionend' event occurs at the completion of the transition. In the
   2.102 +          The <code>transitionend</code> event occurs at the completion of the transition. In the
   2.103            case where a transition is removed before completion, such as if the
   2.104            transition-property is removed, then the event will not fire.
   2.105            <ul>
   2.106 @@ -1299,12 +1299,12 @@
   2.107          </li>
   2.108          <li>
   2.109            <strong>visibility</strong>: if one of the values is
   2.110 -          'visible', interpolated as a discrete step where values of the
   2.111 -          timing function between 0 and 1 map to 'visible' and other
   2.112 +          ''visible'', interpolated as a discrete step where values of the
   2.113 +          timing function between 0 and 1 map to ''visible'' and other
   2.114            values of the timing function (which occur only at the
   2.115 -          start/end of the transition or as a result of 'cubic-bezier()'
   2.116 +          start/end of the transition or as a result of ''cubic-bezier()''
   2.117            functions with Y values outside of [0, 1]) map to the closer
   2.118 -          endpoint; if neither value is 'visible' then not interpolable.
   2.119 +          endpoint; if neither value is ''visible'' then not interpolable.
   2.120          </li>
   2.121          <li>
   2.122            <strong>shadow</strong>: interpolated via the color, x, y