什么CSS属性可以动画

Question

什么CSS属性可以动画？看起来内容属性是我猜的无法动画的内容之一。 Code pen link

是否有另一种方式做我想要的没有javaScript？内容是实际上字体图标，并试图有一个不错的GIF动画（但与图标字体）。

<div></div> 

div:after { 
    position: absolute; 
    top: 0; 
    left: 0; 
    animation: test 1s infinite; 
    content: "foo" 
} 

@keyframes test { 
    0%, 100% { 
    content: "foo"; 
    } 
    50% { 
    content: "bar"; 
    } 
} 

Answer 1

由于KBM评论这里是所有动画属性

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties

Answer 2

你也可以离开CSS出它和动画的东西在div像this.