Mercurial > drafts / changeset

     1.1 --- a/css-transitions/Overview.bs	Mon Feb 08 16:40:23 2016 -0800
     1.2 +++ b/css-transitions/Overview.bs	Mon Feb 08 16:46:57 2016 -0800
     1.3 @@ -88,9 +88,9 @@
     1.4  </pre>
     1.5  <!-- FIXME: These overrides aren't great for dev/TR switching -->
     1.6  <pre class="anchors">
     1.7 -url: https://drafts.csswg.org/css-backgrounds-3/#shadow-inset; type: value; for: shadow; text: inset;
     1.8 +url: https://www.w3.org/TR/css3-background/#shadow-inset; type: value; for: shadow; text: inset;
     1.9  url: https://www.w3.org/TR/CSS21/visufx.html#propdef-visibility; type: value; for: visibility; text: visible;
    1.10 -urlPrefix: https://drafts.csswg.org/css-color-3/; type: value;
    1.11 +urlPrefix: https://www.w3.org/TR/css3-color/; type: value;
    1.12      text: transparent
    1.13      text: blue
    1.14      text: green

     2.1 --- a/css-transitions/Overview.html	Mon Feb 08 16:40:23 2016 -0800
     2.2 +++ b/css-transitions/Overview.html	Mon Feb 08 16:46:57 2016 -0800
     2.3 @@ -29,7 +29,7 @@
     2.4    <div class="head">
     2.5     <p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a> </p>
     2.6     <h1 class="p-name no-ref" id="title">CSS Transitions</h1>
     2.7 -   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2016-02-03">3 February 2016</time></span></h2>
     2.8 +   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2016-02-08">8 February 2016</time></span></h2>
     2.9     <div data-fill-with="spec-metadata">
    2.10      <dl>
    2.11       <dt>This version:
    2.12 @@ -818,10 +818,10 @@
    2.13    transition-duration: 2s; /* applies to the transition *to* the :hover state */
    2.14  }</pre>
    2.15       <p> When a list item with these style rules enters the :hover
    2.16 -            state, the computed <a class="property" data-link-type="propdesc" href="#propdef-transition-duration">transition-duration</a> at the time that <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/colors.html#propdef-background-color">background-color</a> would have its new value (<a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-3/#green">green</a>) is <span class="css">2s</span>,
    2.17 -            so the transition from <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-3/#blue">blue</a> to <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-3/#green">green</a> takes 2 seconds.
    2.18 +            state, the computed <a class="property" data-link-type="propdesc" href="#propdef-transition-duration">transition-duration</a> at the time that <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/colors.html#propdef-background-color">background-color</a> would have its new value (<a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-color/#green">green</a>) is <span class="css">2s</span>,
    2.19 +            so the transition from <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-color/#blue">blue</a> to <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-color/#green">green</a> takes 2 seconds.
    2.20              However, when the list item leaves the :hover state, the
    2.21 -            transition from <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-3/#green">green</a> to <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-3/#blue">blue</a> takes 1 second. </p>
    2.22 +            transition from <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-color/#green">green</a> to <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-color/#blue">blue</a> takes 1 second. </p>
    2.23      </div>
    2.24     </div>
    2.25     <p class="note" role="note"> Note that once the transition of a property has started
    2.26 @@ -1041,15 +1041,15 @@
    2.27            color (as <a href="#animtype-color">color</a>) component,
    2.28            and x, y, blur, and (when appropriate) spread
    2.29            (as <a href="#animtype-length">length</a>) components.
    2.30 -          For each shadow, if both input shadows are <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-backgrounds-3/#shadow-inset">inset</a> or both input shadows are not <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-backgrounds-3/#shadow-inset">inset</a>,
    2.31 +          For each shadow, if both input shadows are <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-background/#shadow-inset">inset</a> or both input shadows are not <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-background/#shadow-inset">inset</a>,
    2.32            then the interpolated shadow must match the input shadows in that regard.
    2.33 -          If any pair of input shadows has one <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-backgrounds-3/#shadow-inset">inset</a> and the other not <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-backgrounds-3/#shadow-inset">inset</a>,
    2.34 +          If any pair of input shadows has one <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-background/#shadow-inset">inset</a> and the other not <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-background/#shadow-inset">inset</a>,
    2.35            the entire <a href="#animtype-shadow-list">shadow-list</a> is uninterpolable.
    2.36            If the lists of shadows have different lengths,
    2.37            then the shorter list is padded at the end
    2.38 -          with shadows whose color is <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-3/#transparent">transparent</a>,
    2.39 +          with shadows whose color is <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-color/#transparent">transparent</a>,
    2.40            all lengths are <span class="css">0</span>,
    2.41 -          and whose <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-backgrounds-3/#shadow-inset">inset</a> (or not) matches the longer list. 
    2.42 +          and whose <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-background/#shadow-inset">inset</a> (or not) matches the longer list. 
    2.43      <li id="animtype-gradient"><a class="self-link" href="#animtype-gradient"></a> <strong>gradient</strong>: interpolated via the
    2.44            positions and colors of each stop. They must have the same type
    2.45            (radial or linear) and same number of stops in order to be animated. <span class="note" role="note">Note: <a data-link-type="biblio" href="#biblio-css3-images">[CSS3-IMAGES]</a> may extend this
    2.46 @@ -1349,7 +1349,7 @@
    2.47      <li>Canceling and interrupting of running transitions is defined much more precisely.  This includes the after-change style no longer including styles from CSS Transitions.
    2.48      <li>Completion of transitions is defined somewhat more precisely.
    2.49      <li>The transitionend event is no longer cancelable.  This is since it has no default action, so canceling it would have no meaning.  It also matches the animation events.
    2.50 -    <li>The interpolation of <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-backgrounds-3/#shadow-inset">inset</a> values on shadow lists is no longer backwards.
    2.51 +    <li>The interpolation of <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css3-background/#shadow-inset">inset</a> values on shadow lists is no longer backwards.
    2.52      <li>A <a href="#conformance">Conformance</a> section, <a href="#security">§9 Security Considerations</a> section, <a href="#privacy">§10 Privacy Considerations</a> section, <a href="#accessibility">§11 Accessibility Considerations</a> section, and <a href="#idl-index">IDL Index</a> have been added
    2.53      <li>The identifiers accepted by <a class="property" data-link-type="propdesc" href="#propdef-transition-property">transition-property</a> are defined in terms of <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#identifier-value">&lt;custom-ident></a>.
    2.54      <li>Define a little bit more about when changes to computed values happen, by saying at least that implementations must not update the effects of computed values without actually updating computed values.