JSFiddle - React, Tailwind, and code Playground

by tjerabek

HTML

<div id="layer1">
    test
</div>

CSS

#layer1{
    background: url('http://www.webdesign.org/img_articles/14881/site-background-pattern-07.jpg');        
    
    -webkit-animation: animLayer1 5s infinite;
     -moz-animation:    animLayer1 5s infinite;
     -ms-animation:     animLayer1 5s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
}

@-webkit-keyframes animLayer1 {
    0%   { background-position: 0px; }
    100% { background-position: 400px;  }
}
@-moz-keyframes animLayer1 {
    0%   { background-position: 0px; }
    100% { background-position: 400px;  }
}
@-ms-keyframes animLayer1 {
    0%   { background-position: 0px; }
    100% { background-position: 400px;  }
}