Custom Cursor Element - Destiny Elements

Custom Cursor

Here is an interesting cursor element for websites. It can be customised with different styles and effects which will make your site more creative!

It also has an a magnetic option for the outer cursor, which is a more of experimental way of using it, use at your own risk. The magnetic cursor highlights the selector, and sets a background overlay.

Options

Option to enable outer cursor

You can set the scale transition for inner cursor dot

Set your own seletors for where you want cursor to take effect

Outer cursor has scale, and magnetic type

You can still enable/disable default browser cursor

Easly disable custom cursor inside the builder so it does not impact your workflow, note that you will need to refresh the page inside the builder for cursor to take effect

To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.

Functional Always active

The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.

Preferences

The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.

Statistics

The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.

Marketing

The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.

Custom Cursor

Options

Example of Custom Cursor Hover Effect