JSFiddle - React, Tailwind, and code Playground
HTML
<div class="qwe" style="/*-webkit-filter: blur(10px);*/width:100px; height:100px; background:white; opacity:1.5; border:solid 2px black;"></div>
<img src="http://cs14107.vk.me/c540104/v540104856/8536/9V4EgXtH7RU.jpg" />
JavaScript
$(document).ready(function() {
$('.qwe').draggable({
revert: 'invalid'
});
$( ".qwe" ).mouseup(function() {
});
$( "*" ).mousemove(function( event ) {
if(parseInt($(".qwe").css("top"), 10) > 30 && parseInt($(".qwe").css("top"), 10) < 600 && parseInt($(".qwe").css("left"), 10) > -132 && parseInt($(".qwe").css("left"), 10) < 550)
{
$(".qwe").css("background","url(http://cs14107.vk.me/c540104/v540104856/8536/9V4EgXtH7RU.jpg) no-repeat");
$(".qwe").css("background-position-x",-parseInt($(".qwe").css("left")));
$(".qwe").css("background-position-y",-parseInt($(".qwe").css("top"))+100);
$(".qwe").css("-webkit-filter","blur(5px)");
}
else
{
$(".qwe").css("background","white");
$(".qwe").css("-webkit-filter","blur(0)");
}
});
});