[css-transitions] Specify serialization for timing functions

Wed, 27 Jul 2016 07:30:50 +0800

author
Brian Birtles <birtles@gmail.com>
date
Wed, 27 Jul 2016 07:30:50 +0800
changeset 18067
12d32649a91f
parent 18064
f2517f3d35a6
child 18068
fd9aecb6eb90
child 18070
ef043158b565

[css-transitions] Specify serialization for timing functions

See thread starting: https://lists.w3.org/Archives/Public/www-style/2016Apr/0107.html

In particular, notice that Edge/Blink/Gecko all serialize 'steps(1)' differently and at least Gecko and Blink differ with regards to how they handle the optional 'end' / 'start' value.

css-transitions/Overview.bs file | annotate | diff | comparison | revisions
     1.1 --- a/css-transitions/Overview.bs	Thu Jul 21 21:50:24 2016 -0400
     1.2 +++ b/css-transitions/Overview.bs	Wed Jul 27 07:30:50 2016 +0800
     1.3 @@ -445,6 +445,26 @@
     1.4          </dd>
     1.5        </dl>
     1.6  
     1.7 +### Serializing a timing function ### {#serializing-a-timing-function}
     1.8 +
     1.9 +      Timing functions are serialized using the common serialization patterns
    1.10 +      defined in [[CSSOM]] with the following additional requirements:
    1.11 +
    1.12 +      *   The keyword values ''ease'', ''linear'', ''ease-in'', ''ease-out'',
    1.13 +          and ''ease-in-out'' are serialized as-is, that is, they are
    1.14 +          <em>not</em> converted to the equivalent ''cubic-bezier()''
    1.15 +          function before serializing.
    1.16 +
    1.17 +      *   Step timing functions, whether they are specified using the
    1.18 +          ''steps()'' function or either of the ''step-start'' or ''step-end''
    1.19 +          keywords, are serialized as follows:
    1.20 +
    1.21 +          1.   If the point at which the value changes is ''end'', serialize
    1.22 +               as <a lt="steps()" function>steps(&lt;integer&gt;)</a>.
    1.23 +
    1.24 +          2.   Otherwise, serialize as <a lt="steps()"
    1.25 +               function>steps(&lt;integer&gt;, start)</a>.
    1.26 +
    1.27  <span id="the-transition-delay-property-">The 'transition-delay' Property</span> {#transition-delay-property}
    1.28  -------------------------------------------------------------------------------------------------------------
    1.29  

mercurial