HTML CSS examples for CSS Animation:Slide
Background moving animation
<html> <head> <title>Lorem ipsum dolor sit amet, c</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> body {<!--from www . ja v a 2 s .c o m--> background:url('https://www.java2s.com/style/demo/Google-Chrome.png'); -webkit-animation:slide 3s linear infinite; -moz-animation:slide 3s linear; animation:slide 3s linear infinite; } @-webkit-keyframes slide { 0% { background-position:0 0; } 100% { background-position:100px 0; } } @-moz-keyframes slide { 0% { background-position:0 0; } 100% { background-position:100px 0; } } @keyframes slide { 0% { background-position:0 0; } 100% { background-position:100px 0; } } </style> </head> <body> </body> </html>