JSFiddle - React, Tailwind, and code Playground

by goldfingerxyz

HTML

<div id="pnav">
	<a href="#">123</a>
</div>

CSS

#pnav a{
				background:url(http://www.us-bingo.com/images/Tickets/Solid-Color-Tyvek-Wrist-Tickets-lg.gif) 0 0 no-repeat;
				display:block;
				width:20px;
				height:42px;
			}

JavaScript

$('#pnav a')
					.hover(function () {
					    $(this).animate({
					        'background-position-x': '10%',
					        'background-position-y': '20%'
					    }, 550);
					}, function () {
					    $(this).animate({
					       'background-position-x': '0%',
					       'background-position-y': '0%'
					    }, 550);
					});