Hi guys, just a quick question about changing the mouse cursor with css.

Here is a shortened version of my code

#mouse{
cursor: wait;
-webkit-animation:mouse 8s forwards;
}

@-webkit-keyframes mouse{
0% {cursor: wait;}
9% {cursor: wait;}
10% {cursor: help;}
100% {cursor: help;}
}
You can probably see what I am trying to do. The cursor:wait; works fine, but the animation part does not. I'm going to guess this is not possible with css and will require JavaScript?

Thanks for reading!