Bug 108895
| Summary: | keyframe animation render multiple linear-gradient background incorrectly | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | David Frank <bitinn> |
| Component: | CSS | Assignee: | Dean Jackson <dino> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | dino, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | 528+ (Nightly build) | ||
| Hardware: | All | ||
| OS: | All | ||
| URL: | http://codepen.io/anon/pen/ExhIv | ||
David Frank
Originally a bug on chromium, it was confirmed by google team that the issue also exists on webkit, so I open this ticket.
http://code.google.com/p/chromium/issues/detail?id=169190
====
Steps to reproduce the problem:
1. View the url for issue reproduction
What is the expected behavior?
the background-image generated via multiple linear-gradient function should animation together (e.g the whole background pans)
What went wrong?
fron the looks of it, chrome/webkit only animate the first linear-gradient layer, leaving the rest unchanged.
Did this work before?
No
Does this work in other browsers?
Yes Firefox 17, Opear 12, IE10
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Dean Jackson
Yes, this looks wrong.
Radar WebKit Bug Importer
<rdar://problem/13154575>
Simon Fraser (smfr)
Yeah we're failing to repeat the background-positions.
Simon Fraser (smfr)
This works now.