I have tried adding -webkit- but still, doesn’t work
#spin {
color:red;
}
#spin:after {
content:"";
animation: spin 2s linear infinite;
-webkit-animation: spin 2s linear infinite;
}
@keyframes spin {
0% { content:"ipsum"; }
10% { content:"dolor"; }
20% { content:"sit"; }
30% { content:"amet"; }
40% { content:"consectetur"; }
50% { content: "adipisicing"; }
60% { content: "elit"; }
70% { content: "Hic"; }
80% { content: "atque"; }
90% { content: "fuga"; }
}
@-webkit-keyframes spin {
0% { content:"ipsum"; }
10% { content:"dolor"; }
20% { content:"sit"; }
30% { content:"amet"; }
40% { content:"consectetur"; }
50% { content: "adipisicing"; }
60% { content: "elit"; }
70% { content: "Hic"; }
80% { content: "atque"; }
90% { content: "fuga"; }
}
Link to original code snippet: https://codepen.io/pigne/pen/XXNrGj