<div class="middle">
<h1>Animation</h1>
</div>
body
margin: 0
padding: 0
font-family: "montserrat",sans-serif
background: url(https://cdn.wallscloud.net/converted/2305230990-rozovie-gori-LBJD-1920x1200-MM-100.jpg) no-repeat
background-size: cover
.middle
position: absolute
top: 50%
left: 50%
transform: translate(-50%, -50%)
h1
font-size: 100px
text-transform: uppercase
font-weight: 900
color: #a7abaf82
background-image: url(https://stoleshnica-fasad.ru/wp-content/uploads/2016/03/Panel-iz-stekla-dlya-kukhni-panoramy-prirody-art.-0003-600x190.jpg)
-webkit-background-clip: text
animation: water 15s infinite
@keyframes water
from
background-position: left 0 top 0
to
background-position: left 1000px top 0
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.