<div class="flashlight"></div>
body {
	background-color: black;
	overflow: hidden;
	// cursor: none;
}

.flashlight {
	height: 200px;
	width: 200px;
	position: absolute;
	background: url(https://2.bp.blogspot.com/-pb-U-027TkQ/UtfqVYelNMI/AAAAAAAAYCs/0sn3d0vcOhA/s1600/Wiki-cats.png);
	background-size: cover;
	background-attachment: fixed;
	// border: 1em white solid;
	border-radius: 100%;
}
$(document).ready(function() {
  $(document).on('mousemove', function(event) {
    $('.flashlight').css('left', event.clientX - 100)
      .css('top', event.clientY - 100);
  });
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js