I am creating a demo application that randomly selects a venue when a button is clicked. Once the button is clicked I want to have a slot machine spinning animation happen before a venue is selected using css3 and jquery.
I thought about using -webkit-keyframes and changing the background position but can’t seem to get it right.
@-webkit-keyframes spin{
0% { background-position: 0, 0 0; }
100% { background-position: 0, 0 -640px; }
}
Can anyone give me any insight on how this can be achieved? Here is what I have so far http://jsfiddle.net/Uryay/1/ .Any help is appreciated. Thanks.