JSFiddle - React, Tailwind, and code Playground
HTML
<div class="tile9"></div>
CSS
@-webkit-keyframes move {
0% {
background-position: 40px 0;
}
100% {
background-position: 0 0;
}
}
.tile9 {
content: '';
width: 50px;
height: 50px;
position: absolute;
background: url(http://www.zingerbug.com/Backgrounds/background_images/black_and_white_vertical_stripes_background_seamless.jpg);
background-repeat: repeat-y;
-webkit-animation: move 3s linear infinite;
-webkit-transform: rotate(45deg);
}
.tile9::before {
content: '';
width: 50px;
height: 50px;
position: absolute;
background: url(http://www.zingerbug.com/Backgrounds/background_images/black_and_white_vertical_stripes_background_seamless.jpg);
background-repeat: repeat-y;
-webkit-animation: move 3s linear infinite;
-webkit-transform: rotate(90deg);
}