Bug 18875 - Opacity does not animate in CSS transition
Summary: Opacity does not animate in CSS transition
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.5
: P2 Normal
Assignee: Simon Fraser (smfr)
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2008-05-03 12:24 PDT by Jurriaan Mous
Modified: 2009-01-03 17:24 PST (History)
2 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Jurriaan Mous 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
Comment 1 Jurriaan Mous 2008-05-03 12:31:16 PDT 
Created attachment 20951 [details]
html test file

Rotation and opacity combo problem.
Comment 2 Francois Botha 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.
Comment 3 Simon Fraser (smfr) 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.
Comment 4 Simon Fraser (smfr) 2009-01-03 17:24:15 PST 
Created attachment 26398 [details]
Working example