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.
No comments:
Post a Comment