I have made a Fiddle for reference: http://jsfiddle.net/xypQY/
Which element would i apply WebKit transitions on to achieve a Fade In effect using opacity?
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
This is a webkit bug, transitions do not work in Chrome or Safari on pseudo-elements.
Please star this bug to hopefully help the ball get rolling on a fix:
Issue 54699: CSS3 transition not applied for pseudo elements
It has been reported to Webkit:
Bug 23209 – Transitions and animations do not apply to CSS generated content
so hopefully it will be fixed soon.
UPDATE: Support for transitions was added to Webkit on 01/02/2013: https://trac.webkit.org/changeset/138632