How to prevent css3 animation reset when finished? [duplicate]

Answer 1

Add animation-fill-mode: forwards;

to your .go

The animation’s final keyframe continues to apply after the final iteration of the animation completes.

http://css-infos.net/property/-webkit-animation-fill-mode

Answer 2

Add the following style to your stylesheet:

.go {
     /* Already exists */
     -webkit-animation: spinAndZoom 1s 1;

     /*New content */
     -webkit-animation-fill-mode: forwards;
 }

Answer 3

Add animation-fill-mode: forwards;

.go {
     -webkit-animation-fill-mode: forwards;
 }