CSS动画到增量计数器

我最近一直在使用CSS计数器，我想知道是否有可能将它们放在CSS动画循环中并增加它们。我的代码很简单：

div {
    animation-name: anim;
    animation-duration: 0.5s;
    animation-iteration-count: 10;
    animation-fill-mode: forwards;
}

div:before {
    counter-increment: variable;
    content: counter(variable);
}

@keyframes anim {
    100% { counter-increment: variable; }
}