Bug 42920 - -webkit-transition behaves strangely with background: -webkit-gradient
Summary: -webkit-transition behaves strangely with background: -webkit-gradient
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.6
: P2 Minor
Assignee: Nobody
URL: https://dl.dropbox.com/u/2325654/test...
Keywords:
: 42274 46082 (view as bug list)
Depends on:
Blocks:
 
Reported: 2010-07-23 17:03 PDT by kylef
Modified: 2011-01-04 21:04 PST (History)
3 users (show)

See Also:

Attachments
Example html code (984 bytes, text/html)
2010-07-23 17:04 PDT, kylef 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description kylef 2010-07-23 17:03:43 PDT 
When you have a transition on a background with webkit-gradient it doesn't transform properly. In the example I have attached the transform does nothing when applying a gradient, and when you remove it. It will pop to the to colour of the gradient and then fade to the background color.
Comment 1 kylef 2010-07-23 17:04:24 PDT 
Created attachment 62476 [details]
Example html code
Comment 2 Simon Fraser (smfr) 2010-12-06 10:50:10 PST 
background-image doesn't support transitions.
background-color does, and your example is animating it from blue to transparent.

So this is working as designed.
Comment 3 Simon Fraser (smfr) 2011-01-04 21:04:21 PST 
*** Bug 46082 has been marked as a duplicate of this bug. ***
Comment 4 Simon Fraser (smfr) 2011-01-04 21:04:29 PST 
*** Bug 42274 has been marked as a duplicate of this bug. ***