Hiệu ứng ảnh chạy

Ảnh chai qua phải

<style> adu { font-weight: bold; position: relative; -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */ animation: mymove 5s infinite; } /* Safari 4.0 - 8.0 */ #div1 {-webkit-animation-timing-function: linear;} /* Standard syntax */ #div1 {animation-timing-function: linear;} /* Safari 4.0 - 8.0 */ @-webkit-keyframes mymove { from {left: 0px;} to {left: 400px;} } /* Standard syntax */ @keyframes mymove { from {left: 0px;} to {left: 400px;} } </style> <adu id="div1"><img src="http://dat007.wap.mu/files/1067790/00.jpg" width="130px" height="190px "></adu>
Ảnh chai qua lại 2 lần


<br/> <style> dat007 { position: relative; -webkit-animation-name: example; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */ -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */ -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */ animation-name: example; animation-duration: 4s; animation-iteration-count: 3; animation-direction: alternate; } /* DAT007 */ @keyframes example { 0% {left:0px; top:0px;} 25% {left:400px; top:0px;} 100% {left:0px; top:0px;} } </style> <dat007><img src="http://dat007.wap.mu/files/1067790/00.jpg" width="130px" height="190px "></dat007>
Ảnh chay qua lai không dừng