css3-transitions/Overview.src.html

changeset 7300
6b5583cd39bb
parent 7299
be188be3a708
child 7301
3249d55edb05
     1.1 --- a/css3-transitions/Overview.src.html	Sun Feb 03 23:26:51 2013 -0700
     1.2 +++ b/css3-transitions/Overview.src.html	Sun Feb 03 23:33:13 2013 -0700
     1.3 @@ -276,9 +276,9 @@
     1.4        </div>
     1.5  
     1.6        <p>
     1.7 -        A value of 'none' means that no property will transition.
     1.8 +        A value of ''none'' means that no property will transition.
     1.9          Otherwise, a list of properties to be transitioned, or the
    1.10 -        keyword 'all' which indicates that all properties are to be
    1.11 +        keyword ''all'' which indicates that all properties are to be
    1.12          transitioned, is given.
    1.13        </p>
    1.14  
    1.15 @@ -303,24 +303,24 @@
    1.16        </p>
    1.17  
    1.18        <p>
    1.19 -        For the keyword 'all', or if one of the identifiers listed is a
    1.20 +        For the keyword ''all'', or if one of the identifiers listed is a
    1.21          shorthand property, implementations must start transitions for
    1.22          any of its longhand sub-properties that are animatable (or, for
    1.23 -        'all', all animatable properties), using the duration, delay,
    1.24 +        ''all'', all animatable properties), using the duration, delay,
    1.25          and timing function at the index corresponding to the shorthand.
    1.26        </p>
    1.27        <p>
    1.28          If a property is specified multiple times in the value of
    1.29          'transition-property' (either on its own, via a shorthand that
    1.30 -        contains it, or via the 'all' value), then the transition that
    1.31 +        contains it, or via the ''all'' value), then the transition that
    1.32          starts uses the duration, delay, and timing function at the
    1.33          index corresponding to the <em>last</em> item in the value of
    1.34          'transition-property' that calls for animating that property.
    1.35        </p>
    1.36        <p class="note">
    1.37 -        Note:  The <code class="property">all</code> value and shorthand
    1.38 -        properties work in similar ways, so the <code
    1.39 -        class="property">all</code> value is just like a shorthand that
    1.40 +        Note:  The ''all'' value and 'all' shorthand
    1.41 +        property work in similar ways, so the
    1.42 +        ''all'' value is just like a shorthand that
    1.43          covers all properties.
    1.44        </p>
    1.45  
    1.46 @@ -416,7 +416,7 @@
    1.47          </tbody>
    1.48        </table>
    1.49        <p>
    1.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.
    1.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.
    1.52        </p>
    1.53  
    1.54        <!-- =======================================================================================================   
    1.55 @@ -635,7 +635,7 @@
    1.56            parameters. The first parameter specifies the number of intervals
    1.57            in the function. It must be a positive integer (greater than 0).
    1.58            The second parameter, which is optional, is
    1.59 -          either the value 'start' or 'end', and specifies the point
    1.60 +          either the value ''start'' or ''end'', and specifies the point
    1.61            at which the change of values occur within the interval.
    1.62            If the second parameter is omitted, it is given the value 'end'.
    1.63          </dd>
    1.64 @@ -655,7 +655,7 @@
    1.65          The <code class="property">'transition-delay'</code> Property
    1.66        </a></h3>
    1.67        <p>
    1.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.
    1.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.
    1.70        </p>
    1.71        <p>
    1.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.
    1.73 @@ -901,10 +901,10 @@
    1.74          <p>
    1.75            When a list item with these style rules enters the :hover
    1.76            state, the computed 'transition-duration' at the time that
    1.77 -          'background-color' would have its new value ('green') is '2s',
    1.78 +          'background-color' would have its new value (''green'') is ''2s'',
    1.79            so the transition from 'blue' to 'green' takes 2 seconds.
    1.80            However, when the list item leaves the :hover state, the
    1.81 -          transition from 'green' to 'blue' takes 1 second.
    1.82 +          transition from ''green'' to ''blue'' takes 1 second.
    1.83          </p>
    1.84        </div>
    1.85  
    1.86 @@ -918,8 +918,8 @@
    1.87          computed values of 'transition-duration' and 'transition-delay'
    1.88          (see <a href="#list-matching">the rules on matching lists</a>).
    1.89          Define the <dfn>combined duration</dfn> of the transition
    1.90 -        as the sum of max('transition-duration', '0s') and 'transition-delay'.
    1.91 -        When the combined duration is greater than '0s',
    1.92 +        as the sum of max('transition-duration', ''0s'') and 'transition-delay'.
    1.93 +        When the combined duration is greater than ''0s'',
    1.94          then a transition starts based on the values of
    1.95          'transition-duration', 'transition-delay',
    1.96          and 'transition-timing-function';
    1.97 @@ -1207,7 +1207,7 @@
    1.98            <b>transitionend</b>
    1.99          </dt>
   1.100          <dd>
   1.101 -          The 'transitionend' event occurs at the completion of the transition. In the
   1.102 +          The <code>transitionend</code> event occurs at the completion of the transition. In the
   1.103            case where a transition is removed before completion, such as if the
   1.104            transition-property is removed, then the event will not fire.
   1.105            <ul>
   1.106 @@ -1299,12 +1299,12 @@
   1.107          </li>
   1.108          <li>
   1.109            <strong>visibility</strong>: if one of the values is
   1.110 -          'visible', interpolated as a discrete step where values of the
   1.111 -          timing function between 0 and 1 map to 'visible' and other
   1.112 +          ''visible'', interpolated as a discrete step where values of the
   1.113 +          timing function between 0 and 1 map to ''visible'' and other
   1.114            values of the timing function (which occur only at the
   1.115 -          start/end of the transition or as a result of 'cubic-bezier()'
   1.116 +          start/end of the transition or as a result of ''cubic-bezier()''
   1.117            functions with Y values outside of [0, 1]) map to the closer
   1.118 -          endpoint; if neither value is 'visible' then not interpolable.
   1.119 +          endpoint; if neither value is ''visible'' then not interpolable.
   1.120          </li>
   1.121          <li>
   1.122            <strong>shadow</strong>: interpolated via the color, x, y

mercurial