JSFiddle - React, Tailwind, and code Playground
by 규연 황
HTML
<div id="slider-el"></div>
CSS
#slider-el {
animation: a82c2da1f-a2c5-4fdf-80fc-7acf6154abb9 1.2s linear infinite;
background-image: url(some-image.jpg);
background-repeat: repeat-x;
background-size: auto 120px;
width: 100%;
height: 120px;
}
@keyframes a82c2da1f-a2c5-4fdf-80fc-7acf6154abb9 {
0% {
background-position: 0 0;
}
100% {
background-position: 360px 0;
}
}