-webkit-animation -webkit-keyframes sample ver.2

<style>  .animated_div { width:1276px; height:716px; position:relative; -webkit-animation:mymove 5s infinite; /* Safari and Chrome */ } @-webkit-keyframes mymove /* Safari and Chrome */ { 0%   { -webkit-transform: translateX(0) translateZ(0); -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateX(200px) translateZ(0); } } </style> <div class="animated_div"> <img src="https://lh5.googleusercontent.com/-RxYc9o44GlI/UMOj1eA4ebI/AAAAAAAADKw/3VJWrnxJc4I/s1280/canteleu-3.jpg">

크롬에서 확인함