Bug 18875

Summary: Opacity does not animate in CSS transition
Product: WebKit Reporter: Jurriaan Mous <jurmous>
Component: CSSAssignee: Simon Fraser (smfr) <simon.fraser>
Status: RESOLVED INVALID    
Severity: Normal CC: igitur, nickshanks
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac   
OS: OS X 10.5   
Attachments:
Description Flags
html test file
none
Working example none

Jurriaan Mous
Reported 2008-05-03 12:24:09 PDT
On specific CSS transition settings the opacity does not transition. Also with combinations with other transitions and the working settings the opacity stops animating. See the attached file for further details. Tested both in nightly of today and Safari 3.1
Attachments
html test file (949 bytes, text/html)
2008-05-03 12:31 PDT, Jurriaan Mous 		no flags
Details
Working example (832 bytes, text/html)
2009-01-03 17:24 PST, Simon Fraser (smfr) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jurriaan Mous
Comment 1 2008-05-03 12:31:16 PDT
Created attachment 20951 [details] html test file Rotation and opacity combo problem.
Francois Botha
Comment 2 2008-09-02 15:19:14 PDT
Is this the reason that when you drag the discs on http://script.aculo.us , they have like a white background instead of semi-transparent? I'm on Google Chrome now and that's the first thing I noticed.
Simon Fraser (smfr)
Comment 3 2009-01-03 17:23:26 PST
Testcases has a number of problems: * The second -webkit-transition rule overrides the first, so only transform will transition. * background-color: appears twice (harmless) * background color changes, but does not transition, so the opacity change is hard to see. I'll attach a working example.
Simon Fraser (smfr)
Comment 4 2009-01-03 17:24:15 PST
Created attachment 26398 [details] Working example
Note You need to log in before you can comment on or make changes to this bug.