[Webkit-unassigned] [Bug 28266] New: CSS Animation does not animate multiple background positions

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Aug 13 10:20:43 PDT 2009


           Summary: CSS Animation does not animate multiple background
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: josh at uncleleron.com

When multiple background images are defined on an element, it is currently only
possible to animate the first background image via CSS Animation keyframes.  

Steps to reproduce:

1) Create an element with the 'animated' class assigned
2) define the class to use multiple background images
3) add an animation keyframes set that animates the second background image's

Background position does not animate

Background position should animate

Sample CSS:
.animated {
        background-repeat: repeat-x;
              background-image: -webkit-gradient(linear, 0 100%, 0 0,
from(rgba(255,255,255,0)), to(rgba(255,255,255, 1))), url('someimage.png');
           -webkit-animation-name: 'my-animation';
               -webkit-animation-duration: .3s;
                -webkit-animation-iteration-count: infinite;

 @-webkit-keyframes my-animation {
                  from {
                    -webkit-animation-timing-function: linear;
                    background-position-x: 0px, 0px;
            // alternatively: background-position: 0px 0px, 0px 0px;
                to {
                  -webkit-animation-timing-function: linear;
                  background-position-x: 0px, 20px;
        // alternatively: background-position: 0px 0px, 20px 0px;

Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.

More information about the webkit-unassigned mailing list