Skip to content

Commit 5ae8f0d

Browse files
committed
[css-animations-2] Move paragraph and make generic
It describes a condition that isn't specific to that entry in the DL.
1 parent f8a3cfd commit 5ae8f0d

1 file changed

Lines changed: 13 additions & 14 deletions

File tree

css-animations-2/Overview.bs

Lines changed: 13 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -444,24 +444,23 @@ Declaring Animations</h2>
444444
specifies the length of time that an animation takes to complete one cycle.
445445
A negative <<time>> is invalid.
446446
447-
If the <<time>> is ''0s'', like the initial value,
448-
the keyframes of the animation have no effect,
449-
but the animation itself still occurs instantaneously.
450-
Specifically, start and end events are fired;
451-
if 'animation-fill-mode' is set to ''backwards'' or ''both'',
452-
the first frame of the animation,
453-
as defined by 'animation-direction',
454-
will be displayed during the 'animation-delay'.
455-
After the 'animation-delay' the last frame of the animation,
456-
as defined by 'animation-direction',
457-
will be displayed if 'animation-fill-mode' is set to ''forwards'' or ''both''.
458-
If 'animation-fill-mode' is set to ''animation-fill-mode/none''
459-
the animation will have no visible effect.
460-
461447
For [=scroll-driven animations=],
462448
treated as ''animation-duration/auto''.
463449
</dl>
464450
451+
If the [=used value|used=] 'animation-duration' is ''0s'',
452+
the keyframes of the animation have no effect,
453+
but the animation itself still occurs instantaneously.
454+
Specifically, start and end events are fired;
455+
if 'animation-fill-mode' is set to ''backwards'' or ''both'',
456+
the first frame of the animation,
457+
as defined by 'animation-direction',
458+
will be displayed during the 'animation-delay'.
459+
After the 'animation-delay' the last frame of the animation,
460+
as defined by 'animation-direction',
461+
will be displayed if 'animation-fill-mode' is set to ''forwards'' or ''both''.
462+
If 'animation-fill-mode' is set to ''animation-fill-mode/none''
463+
the animation will have no visible effect.
465464
466465
## The 'animation-timing-function' property ## {#animation-timing-function}
467466

0 commit comments

Comments
 (0)