Custom Cursor

HTML

Big TARDIS
<div class="cursor-area-1" id="cursorArea1">
</div> 
<br/>
Minion from Data
<div class="cursor-area-2" id="cursorArea2">
</div> 
<br/>
Cat Icon
<div class="cursor-area-3" id="cursorArea3">
</div> <br/>
Create you own cursor at <a href="http://www.cursor.cc/">http://www.cursor.cc/</a>

CSS

.cursor-area-1 {
 	height: 200px;
 	border: 3px dashed black;
 	background: #FFFFFF;
 	padding: 20px;
 	cursor: url("http://png-2.findicons.com/files/icons/1265/doctor_who/128/the_tardis.png"), none;
  transition:all .2s ease;
}

.cursor-area-2 {
 	height: 200px;
 	border: 3px dashed black;
 	background: #FFFFFF;
 	padding: 20px;
 	cursor:...