Best way to display animated image (HTML/CSS/JS) : <p>On my website I'm trying to display the animation of a coin being flipped multiple times in the air and coming back to the surface. When the animation is over it should become a static image of the side the coin landed on. 
I've found multiple ways to do this such as CSS animations, sprites,... but the options with CSS animations seem to be very limited if I want a rather advanced animation and others seem to have some flaws aswell. 
What is the best method of displaying an animated image for a certain amount of time and then becoming a static image?</p>
