"background moving pure css"
Bootstrap 4.0.0 Snippet by ALIMUL AL RAZY

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="hero-bkg-animated"> <h1>Hello World</h1> </div>
html, body { margin: 0; padding: 0; } .hero-bkg-animated { background: gray url(https://subtlepatterns.com/patterns/geometry2.png) repeat 0 0; width: 100%; margin: 0; text-align: center; height: 300px; padding-top: 120px; box-sizing: border-box; -webkit-animation: slide 20s linear infinite; } .hero-bkg-animated h1 { font-family: sans-serif; } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: -400px 0; } }

Related: See More


Questions / Comments: