WvZzyY

index.html

<div id="wrapper">
  <div id="circle-cursor" class="circle"></div>
  <div id="circle-fixed" class="circle"></div>
</div>

script.js

$(document).on('mousemove', function(e){
  $('#circle-cursor')
    .css('left', e.pageX - 50)
    .css('top', e.pageY - 50);
});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

style.css

#wrapper {
  -webkit-filter: contrast(100);
  filter: contrast(100);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #fff;
}

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background: #09e;
  -webkit-filter: blur(25px);
  filter: blur(25px);
}

#circle-cursor {
  position: absolute;
  top: 0; left: 0;
}

#circle-fixed {
  position: absolute;
  top: 50%;
  left: 50%;
}

WvZzyY.markdown

WvZzyY

A Pen by Takuma YOSHITANI on CodePen.

License.