[css3-animation] why content property not animatable?


Background: I had the idea recently to implement a simple "busy spinner" using text. Cycling through a sequence like the characters U+25F0 through U+25F3, or even 0 through 9, seems like a good way to convey this idea. Using text eliminates the need for downloading an image, and this would also theoretically be possible in a console UA.

So after I'd whipped up the @keyframes declaration to try it out, I was surprised to notice that the content property is not animatable. Why is that? Of course, one could code it up in JS, but it would be so much simpler to do it declaratively, this ought to be a CSS solution.

I've been trying to find the answer to why some properties can be animated but others cannot. Perhaps some just wouldn't make sense, but this one does.


Tim Larson ⁞ Schneider Electric ⁞ Energy Development ⁞ Software Developer

NOTICE: This email message is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender by reply email and destroy all copies of the original message.

Received on Wednesday, 8 October 2014 14:42:56 UTC