Background Image Moving Animation
Background image moving animation using CSS <html lang="en"> <head> <title>Background Image Moving Animation</title> <style> body { margin: 0; padding: 0; overflow: hidden; } .background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://app.3schools.in/logo.png'); background-size: cover; animation: moveBackground 20s linear infinite; } @keyframes moveBackground { 0% { background-position: 0% 0%; } 100% { background-position: 100% 100%; } } </style> </head> <body> <div class="background"></div> </body> </html> You may like these posts : Write Your Comment
Background image moving animation using CSS <html lang="en"> <head> <title>Background Image Moving Animation</title> <style> body { margin: 0; padding: 0; overflow: hidden; } .background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://app.3schools.in/logo.png'); background-size: cover; animation: moveBackground 20s linear infinite; } @keyframes moveBackground { 0% { background-position: 0% 0%; } 100% { background-position: 100% 100%; } } </style> </head> <body> <div class="background"></div> </body> </html>
You may like these posts :