Home/ Questions/Q 6027677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T04:37:39+00:00

How to enable -webkit-animation for :before and :after pseudo elements? You can see in

  • 0

How to enable -webkit-animation for :before and :after pseudo elements?

You can see in http://jsfiddle.net/4rnsx/ that it is not working for :before and :after.
And here I am trying to enable this feature with Mootools http://jsfiddle.net/6bzCS/.

Mozilla – will support it in Firefox 4 https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C – CSS3 supports transition-property for all elements, :before and :after pseudo elements http://www.w3.org/TR/css3-transitions/#transition-property

Update: How to enable fadein,fadeout for CSS3 tooltip http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using-css3-and-jquery/ and demo?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The jsFiddle mentioned in the question appears fine in modern Chrome and Safari browsers. I think the animation side of thing’s been solved by browser evolution.

    However, there’s still an outstanding/open bug for the transition side of things:
    http://code.google.com/p/chromium/issues/detail?id=54699

    • 0