# Custom Mouse Cursor with Tracking

by [kirupa](https://www.kirupa.com/about/whatiskirupa.htm) | filed under [Coding Exercises](https://www.kirupa.com/codingexercises/index.htm)

A mainstay of many custom user experiences is a mouse cursor that either adds to or fully replaces the default mouse cursor. Take a look at the following example and move your mouse over the yellow box:

As you move your mouse cursor over the yellow box, you'll see a purple octopus track the mouse cursor with a slight delay. In this coding exercise, we'll look at how to re-create this.

Onwards!

#### Hint: Some Learning Resources and Getting Help

The following tutorials may provide some helpful tips and techniques to help you with this exercise: [CSS Transitions](https://www.kirupa.com/html5/introduction_css_transitions.htm), [Using CSS Properties in JavaScript](https://www.kirupa.com/html5/css_variables_js_win.htm), [Getting the Mouse Click Position](https://www.kirupa.com/html5/getting_mouse_click_position.htm).

We want to make this a fun learning activity. If you are stuck and need help, please [ask on the forums](https://forum.kirupa.com). Please explain your problem in detail and one of the many helpful forum members will help you out.

## Getting Your Badge

Once you have completed this exercise, you have earned the tremendous bragworthy privilege of adding the following badge to [your collection](https://forum.kirupa.com/badges/):

![](https://www.kirupa.com/codingexercises/images/custom_cursor.png)

To claim it, head to the forums and respond in the [Custom Mouse Cursor topic](https://forum.kirupa.com/t/custom-mouse-cursor-with-tracking/656451). **Be sure to include a link to your solution or insert a copy of your HTML/CSS/JS in the body of the message. **Once you have created your topic, Kirupa will give you a virtual high-five and ensure this badge is added to your list of assigned badges.

## One Possible Solution

As with all coding exercises, there are a billion ways to solve them. If you want to see ***one*** way of solving this, check out Kirupa's video and article below: