Skip to content

Commit 37484f7

Browse files
committed
[web-animations-1] Export effect target, target element, target pseudo-selector and relevant animation
Fixes w3c#8001.
1 parent a959a66 commit 37484f7

File tree

1 file changed

+17
-13
lines changed

1 file changed

+17
-13
lines changed

web-animations-1/Overview.bs

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3253,18 +3253,22 @@ the <a>animation type</a> is <a>discrete</a>.
32533253
Keyframe effects {#keyframe-effects}
32543254
----------------------------------------
32553255

3256-
<dfn lt="keyframe effect">Keyframe effects</dfn> are a kind of [=animation
3257-
effect=] that use the output of the timing model to update CSS properties of
3258-
an element or [=pseudo-element=] (such as `::before` or `::after` [[!select]])
3259-
referred to as the <dfn>effect target</dfn>.
3260-
3261-
In order for the [=effect target=] to have a well-defined lifecycle,
3262-
it is represented as an {{Element}} known as the <dfn>target element</dfn>
3263-
and a [=pseudo-element=] selector knows as the <dfn>target pseudo-selector</dfn>.
3264-
If the [=effect target=] is an {{Element}}, the [=target element=] is that
3265-
element and the [=target pseudo-selector=] is `null`.
3266-
If the [=effect target=] is a [=pseudo-element=], the [=target element=] is
3267-
its [=originating element=] and the [=target pseudo-selector=] is as required
3256+
<dfn lt="keyframe effect">Keyframe effects</dfn> are a kind of
3257+
[=animation effect=] that use the output of the timing model
3258+
to update CSS properties of an element
3259+
or [=pseudo-element=] (such as `::before` or `::after` [[!select]])
3260+
referred to as the <dfn for="keyframe effect" export>effect target</dfn>.
3261+
3262+
The [=effect target=] is comprised of
3263+
an {{Element}} known as the <dfn for="effect target" export>target element</dfn>
3264+
and a [=pseudo-element=] selector known as the
3265+
<dfn for="effect target" export>target pseudo-selector</dfn>.
3266+
If the [=effect target=] is an {{Element}},
3267+
the [=target element=] is that element
3268+
and the [=target pseudo-selector=] is `null`.
3269+
If the [=effect target=] is a [=pseudo-element=],
3270+
the [=target element=] is its [=originating element=]
3271+
and the [=target pseudo-selector=] is as required
32683272
to specify that particular [=pseudo-element=].
32693273

32703274
Note that not all [=effect targets=] specified in this manner (such as ''::part()''
@@ -5938,7 +5942,7 @@ animation.play();</pre>
59385942
of such a descendant.
59395943

59405944
An [=animation=] is
5941-
<dfn lt="relevant animation" local-lt="relevant">relevant</dfn> if:
5945+
<dfn lt="relevant animation" local-lt="relevant" export>relevant</dfn> if:
59425946

59435947
* Its [=associated effect=] is [=current=] <em>or</em> [=in effect=],
59445948
<em>and</em>

0 commit comments

Comments
 (0)