CSS Transition on the 'content' property of :before pseudo element -

CSS Transition on the 'content' property of :before pseudo element -

here's fiddle demonstrating problem: http://jsfiddle.net/c4mns/

essentially swapping out contents of content property under i:before pseudo works fine. however, unable forcefulness transition such swap occurs smoothly.

i followed advice found in answer: http://stackoverflow.com/a/19579514/765409

but can see not effective in situation.

you can't apply transition pseudo elements content property's content itself. can apply transition pseudo element's opacity, width, height, content's font-size , many more properties... not content property's content.

css