<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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="container"> <h2 style="text-align:center">background-clip Created By <span class="red" style="color:red">M</span>ilind <span class="red" style="color:red">K</span>amthe</h2> <p style="text-align:center">creativemk22@gmail.com</p> <hr> <div class="row"> <div class="col-md-12"> <div class="wrapper"> <div class="x1 x2">Milind kamthe</div> </div> </div> </div> </div>

.x1 { font-size: 100px; font-weight: bold; letter-spacing: 15px; text-transform: uppercase;float:left;padding:50px; -webkit-background-clip:text;color:transparent;text-align:center;line-height:100px; } .x2{background-image: url(https://images.unsplash.com/photo-1514525253161-7a46d19cd819?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80);background-size:contain;animation:moving 25s linear infinite;} @keyframes moving{ from{background-position:left;} to{background-position:right;} }