什麼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.