takuma7 · June 20, 2015 06:24
diff --git a/index.html b/index.html
 <div id="wrapper">
  <div id="circle-cursor" class="circle"></div>
  <div id="circle-fixed" class="circle"></div>
 </div>
diff --git a/script.js b/script.js
 $(document).on('mousemove', function(e){
  $('#circle-cursor')
    .css('left', e.pageX - 50)
    .css('top', e.pageY - 50);
 });
diff --git a/scripts b/scripts
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
diff --git a/style.css b/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%;
 }
diff --git a/WvZzyY.markdown b/WvZzyY.markdown
	<div id="wrapper">
	<div id="circle-cursor" class="circle"></div>
	<div id="circle-fixed" class="circle"></div>
	</div>
	$(document).on('mousemove', function(e){
	$('#circle-cursor')
	.css('left', e.pageX - 50)
	.css('top', e.pageY - 50);
	});