JSFiddle - React, Tailwind, and code Playground

by Iman Fakhar

HTML

<div class="a"></div>

CSS

.a {
	display:block;
	width:1000px;
	height:250px;
	background-image:url('http://travelerguidance.com/wp-content/uploads/2013/12/Eiffel-tower-paris-mmm-s-everything-is-possible.jpg');
	background-size:100% auto;
	background-position:left -1000px;
	transition:background-position 10s linear .3s;
}
.a:hover {
	background-position:left 0px;
}