[Webkit-unassigned] [Bug 202360] animations stops if new tab opened
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Mon Sep 30 03:02:07 PDT 2019
https://bugs.webkit.org/show_bug.cgi?id=202360
--- Comment #2 from Laszlo Varga <vargalaszlo1981 at googlemail.com> ---
I have done test and the problem definitely caused by the delay property.
If I use animations without delay but changing the steps then the animations play fine. I.e. I want an animation starts from 3s and change opacity from 0 to 1 then instead of using 3s delay I make changes to the steps.
Eaxapmle:
Each animation lasts 6s but the second one will change opacity to 1 at 3s
@keyframes anim1 {
0% {
opacity: 1;
left: 46px;
animation-timing-function: linear;
}
50% {
opacity: 1;
left: 46px;
animation-timing-function: linear;
}
51% {
opacity: 0;
left: 46px;
animation-timing-function: linear;
}
100% {
opacity: 0;
left: 46px;
animation-timing-function: linear;
}
}
@keyframes anim1 {
0% {
opacity: 0;
left: 46px;
animation-timing-function: linear;
}
50% {
opacity: 0;
left: 46px;
animation-timing-function: linear;
}
51% {
opacity: 1;
left: 46px;
animation-timing-function: linear;
}
100% {
opacity: 1;
left: 46px;
animation-timing-function: linear;
}
}
This way the animations work fine. Using delay they break
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20190930/33d56b17/attachment.html>
More information about the webkit-unassigned
mailing list