I have this stylesheet:
@-webkit-keyframes run {
0% {
-webkit-transform: translate3d(0px, 0px, 0px);
}
Have you tried declaring the keyframe portion of your css in a element in the head of your html document. You can then give this element an id or whatever and change it's content whenever you like with javaScript. Something like this:
Then your jquery can change this as normal:
$('#keyframes').text('whatever new values you want in here');