JSFiddle - React, Tailwind, and code Playground

by Brock Whittaker

HTML

<div id="height">
<img id="img" src='https://farm8.staticflickr.com/7474/16082786652_6372b547bd_n.jpg' />
</div>

CSS

#height {
    height: 200vh;
}
#img {
-webkit-filter: blur(5px);
}

JavaScript

$(window).scroll ->
  scrollValue = ($(window).scrollTop())
  $(".img").css "webkitFilter : blur", scrollValue