4 ms·
If you want that sort of effect then you'll have to rely on DOM elements in some form. Because the pseudo-elements aren't part of the DOM, you can't use jQuery
by necolas 16y ago
If you want that sort of effect then you'll have to rely on DOM elements in some form.
Because the pseudo-elements aren't part of the DOM, you can't use jQuery to animate the rotation. At the moment, CSS animations and transitions can't be applied to CSS pseudo-elements either.
- bzbarsky 16y agoGecko is just fine with applying CSS transitions to pseudo-elements. Try this testcase: data:text/html,<style>div::before { color: green; content: "text"; } div:hover::before { color: red; -moz-transition-duration: 5s; }</style><div> It does look like Webkit doesn't support this, though. Which is a bug, per the current spec draft. All the transition stuff is specced to apply to ::before and ::after.
- deleted 16y ago[deleted]
- necolas 16y agoNot sure what you mean. I've tested transitions in Firefox 3.6 and they are not supported - http://jsfiddle.net/qPdeV/ http://jsfiddle.net/qPdeV/