Monday, 27 October 2014

Change the cursor image of the mouse

           Change the cursor of the mouse

This tutorial demonstrates how we can change the cursor image for our elements with just one line of code.


The syntax is very easy:


cursor: url(URL to image);


but if you want it to work fine, in addition you have to add auto after this :


cursor: url(URL to image), auto;


Example:


<html>

<head>
<title>I am changing my cursor image</title>
<style>

#block {

width: 400px;
height: 240px;
background: #333;
cursor: url(Cursor-icon.png), auto;
}

</style>

</head>
<body>
<div id="block"></div>
</body>
</html>


LIVE DEMO:


We are accepting question here and in our facebook page.