JSFiddle - React, Tailwind, and code Playground

HTML

<div id="snow"></div>

CSS

#snow{
position:relative;
z-index:1001;
width:100%;
height:27px;
margin: 22px 0 0 0;
background-image: url(http://skisport.pp.ua/img/jjblue.png);
background-repeat: repeat-x;
display: block;
transition: linear 1356ms;
}

#snow:hover {
background-image: url(http://skisport.pp.ua/img/jjblue.png);
background-position: 0 -27px;}