Impossible d'arrêter l'animation css qui disparaît après la dernière image clé

J'ai un simple css animation que j'aimerais jouer, puis s'arrêter sur la dernière image entièrement l'affichage de l'image. Mais actuellement, au moment où il joue, puis semble revenir à l'image, ainsi l'santas visage disparaît.

Comment puis-je faire jouer une seule fois puis s'arrête sur la dernière image clé ou l'affichage de l'image sans qu'il disparaît de nouveau?

http://jsfiddle.net/uy25Y/

    <img class="santaface" src="http://imgs.tuts.dragoart.com/how-to-draw-a-santa-face_1_000000001282_3.jpg">

     .santaface{
          opacity:0;
          position: absolute;
          left:40%; top:20%; width:20%;
            -webkit-animation-name: santaappear;
            -webkit-animation-duration: 13s;
            }


        .santaface{ -webkit-animation-delay:2s;animation-delay:2s;}

        @-webkit-keyframes santaappear {
            0% { opacity:0;}
               96% {opacity:1;}
        }

source d'informationauteur Dano007