@@ -12,6 +12,7 @@ Editor: Dean Jackson, Apple Inc https://www.apple.com/, dino@apple.com, w3cid 42
1212Editor : Matt Rakow, Microsoft, w3cid 62267
1313Former Editor : Shane Stephens, Google, shans@google.com, w3cid 47691
1414Former Editor : Jake Archibald, Google, jakearchibald@google.com, w3cid 76394
15+ Implementation Report : https://wpt.fyi/results/css/css-easing
1516Markup Shorthands : markdown yes
1617Indent : 2
1718
@@ -24,6 +25,9 @@ Abstract: This CSS module describes a way for authors to define a transformation
2425
2526!Participate : IRC: <a href="ircs://irc.w3.org:6667/css">#css</a> on W3C's IRC
2627Repository : w3c/csswg-drafts
28+ WPT Path Prefix : css/css-easing/
29+ WPT Display : closed
30+ !Tests : <a href="https://github.com/web-platform-tests/wpt/tree/master/css/css-easing">web-platform-tests css/css-easing</a>
2731</pre>
2832
2933<pre class=biblio>
@@ -137,6 +141,12 @@ The syntax for specifying an [=easing function=] is as follows:
137141 <<cubic-bezier-easing-function>> |
138142 <<step-easing-function>> </div>
139143
144+ <wpt>
145+ timing-functions-syntax-computed.html
146+ timing-functions-syntax-invalid.html
147+ timing-functions-syntax-valid.html
148+ </wpt>
149+
140150## The linear easing function: ''linear()'' ## {#the-linear-easing-function}
141151
142152A <dfn export>linear easing function</dfn>
@@ -175,6 +185,10 @@ A [=linear easing function=] has the following syntax:
175185 <dfn><linear-stop-length></dfn> = <<percentage>> {1,2}
176186</pre>
177187
188+ <wpt>
189+ linear-timing-functions-syntax.html
190+ </wpt>
191+
178192''linear()'' is parsed into a [=linear easing function=]
179193by calling [=create a linear easing function=] ,
180194passing in its <<linear-stop-list>> as a [=/list=] of <<linear-stop>> s.
@@ -322,6 +336,9 @@ It returns an [=output progress value=].
322336
3233371. Return |pointA|'s [=linear easing point/output=] plus |outputFromLastPoint|.
324338
339+ <wpt>
340+ linear-timing-functions-output.html
341+ </wpt>
325342</section>
326343
327344### Examples ### {#linear-easing-function-examples}
@@ -550,6 +567,9 @@ infinitely using tangent of the curve at the closest endpoint as follows:
550567 1. Otherwise, let the [=output progress value=] be one for all
551568 [=input progress values=] in the range (1, ∞].
552569
570+ <wpt>
571+ cubic-bezier-timing-functions-output.html
572+ </wpt>
553573
554574<h3 id=step-easing-functions oldids=step-timing-functions>Step easing functions:
555575''step-start'', ''step-end'', ''steps()''</h3>
@@ -571,6 +591,10 @@ It has following syntax:
571591 ''jump-none'' | ''jump-both'' |
572592 ''start'' | ''end'' </div>
573593
594+ <wpt>
595+ step-timing-functions-syntax.html
596+ </wpt>
597+
574598The meaning of each value is as follows:
575599
576600<dl dfn-type=value dfn-for="<step-easing-function> ">
@@ -735,6 +759,9 @@ and [=before flag=] as follows:
7357591. The [=output progress value=] is <code><var> current step</var> /
736760 |jumps|</code> .
737761
762+ <wpt>
763+ step-timing-functions-output.html
764+ </wpt>
738765
739766<h3 id=serialization oldids=serializing-a-timing-function>Serialization</h3>
740767
@@ -759,6 +786,10 @@ defined in [[CSSOM]] with the following additional requirements:
759786* A [=linear easing function=] created via ''linear()''
760787 is serialized by getting its [=linear easing function/serialized computed value=] .
761788
789+ <wpt>
790+ timing-functions-syntax-computed.html
791+ </wpt>
792+
762793Privacy and Security Considerations {#priv-sec}
763794===================================
764795
0 commit comments