Le code ... pour Firefox et Chrome
<p class="untel" style="width: 130px; height: 150px; position: relative;">
      <img src="http://gifs.toutimages.com/images/ani_ferme/cochons/cochon_060.gif" /></p>
<style type="text/css"><!--
      p.untel {
 -moz-animation:essai 12s linear 0.5s infinite normal;
 -webkit-animation:essai 12s linear 0.5s infinite normal;  }

@-moz-keyframes essai /* Firefox */
{
0%   {-moz-transform:translate(30px, 40px);}
10%  {-moz-transform:translate(30px, 40px);}
39%  {-moz-transform:translate(320px, 40px);}
40%  {-moz-transform:translate(320px, 40px) scale(1);}
50%  {-moz-transform:translate(320px, 40px) scale(1.3);}
60%  {-moz-transform:translate(320px, 40px) scale(1.3);}
70%  {-moz-transform:translate(320px, 40px) scale(1);}
90%  {-moz-transform:translate(30px, 40px);}
100% {-moz-transform:translate(30px, 40px);}
}
@-webkit-keyframes essai /*Chrome.Safari */
{
0%   {-webkit-transform:translate(30px, 40px);}
10%  {-webkit-transform:translate(30px, 40px);}
39%  {-webkit-transform:translate(320px, 40px);}
40%  {-webkit-transform:translate(320px, 40px) scale(1);}
50%  {-webkit-transform:translate(320px, 40px) scale(1.3);}
60%  {-webkit-transform:translate(320px, 40px) scale(1.3);}
70%  {-webkit-transform:translate(320px, 40px) scale(1);}
90%  {-webkit-transform:translate(30px, 40px);}
100% {-webkit-transform:translate(30px, 40px);}
}
--></style>