[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