JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<div class="block"></div>

CSS

.block {
	width: 200px;
	height: 100px;
	background: url('https://habrastorage.org/files/430/88a/4b2/43088a4b2c6d48e190bb14e08221dc43.png') 0 0 / cover repeat;
	transition: background 5s ease;
}
.block:hover {
	background-position: 100% 0;
}