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

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=28266

           Summary: CSS Animation does not animate multiple background
                    positions
           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
x-position

Results
Background position does not animate

Expected
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.