Skip to content

Commit 74ed272

Browse files
Anders Hartvoll Ruudmajido
authored andcommitted
[scroll-animations] Add CSSScrollTimelineRule
1 parent 645351f commit 74ed272

File tree

1 file changed

+46
-0
lines changed

1 file changed

+46
-0
lines changed

scroll-animations-1/Overview.bs

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -820,6 +820,52 @@ instead of document's scrolling Element
820820

821821
</div> <!-- link-for-hint="ScrollTimeline" -->
822822

823+
### The <dfn interface>CSSScrollTimelineRule</dfn> Interface ### {#the-css-scroll-timeline-rule-interface}
824+
825+
<pre class='idl' export>
826+
[Exposed=Window]
827+
interface CSSScrollTimelineRule : CSSRule {
828+
readonly attribute CSSOMString name;
829+
readonly attribute CSSOMString source;
830+
readonly attribute CSSOMString orientation;
831+
readonly attribute CSSOMString start;
832+
readonly attribute CSSOMString end;
833+
readonly attribute CSSOMString scrollTimeRange;
834+
};
835+
</pre>
836+
837+
<dl dfn-for=CSSScrollTimelineRule dfn-type=attribute>
838+
<dt><dfn>name</dfn></dt>
839+
<dd>
840+
The name associated with the ''@scroll-timeline'' rule.
841+
</dd>
842+
843+
<dt><dfn>source</dfn></dt>
844+
<dd>
845+
The 'source' descriptor associated with the ''@scroll-timeline'', or "none" if not specified.
846+
</dd>
847+
848+
<dt><dfn>orientation</dfn></dt>
849+
<dd>
850+
The 'orientation' descriptor associated with the ''@scroll-timeline'', or "auto" if not specified.
851+
</dd>
852+
853+
<dt><dfn>start</dfn></dt>
854+
<dd>
855+
The 'start' descriptor associated with the ''@scroll-timeline'', or "auto" if not specified.
856+
</dd>
857+
858+
<dt><dfn>end</dfn></dt>
859+
<dd>
860+
The 'end' descriptor associated with the ''@scroll-timeline'', or "auto" if not specified.
861+
</dd>
862+
863+
<dt><dfn>scrollTimeRange</dfn></dt>
864+
<dd>
865+
The 'scroll-time-range' descriptor associated with the ''@scroll-timeline'', or "auto" if not specified.
866+
</dd>
867+
</dl>
868+
823869
## Examples ## {#timeline-examples}
824870

825871
<div class="example">

0 commit comments

Comments
 (0)