如何讓圖片來回走動？

Question

想請問一下假設我想讓某張圖片在網頁某處來回走動該怎麼做?

Answer 1

.img-move{

    animation:imgMove 4s linear infinite;

    -moz-animation:imgMove 4s linear infinite;

    -webkit-animation:imgMove 4s linear infinite;

    -o-animation:imgMove 4s linear infinite;

    position: absolute;

}

@keyframes imgMove

{

0%   {right:100px;}

25%{right:150px;}

50%{right:100px;}

75%{right:50px}

100% {right:100px}

}