Custom Cursor Images with CSS - Snippet

Preview
HTML
CSS
JS

<div id="fav">Your Favourite HTML,CSS,JS Playground!</div>

body {
	font-family: 'Helvetica Neue', Helvetica;
	font-size: 13px;
}

div {
	width: 100px;
	margin: 20px auto;
	background: #05C5CA;
	padding: 50px 50px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.5);
	
	cursor: url(https://cdn1.iconfinder.com/data/icons/bluecoral/Cursor.png),
			auto;
}