Cursor Effect

Hide Mouse Cursor

This is the hidde effect of cursor.

HIDE CURSOR
<body data-plugin-cursor-effect data-plugin-options="{'hideMouseCursor': true}">

Custom Cursor Color

Change cursor to your custom color.

CHANGE COLOR
<body data-plugin-cursor-effect data-plugin-options="{'cursorOuterColor': '#10b130', 'cursorInnerColor': '#10b130'}">

Pre-Defined Sizes Circle

Change cursor with pre-defined sizes.

SMALLNORMALBIG
<!-- Small -->
<body data-plugin-cursor-effect data-plugin-options="{'size': 'small'}">

<!-- Normal -->
<body data-plugin-cursor-effect data-plugin-options="{'size': 'normal'}">

<!-- Big -->
<body data-plugin-cursor-effect data-plugin-options="{'size': 'big'}">

Pre-Defined Sizes Square

Change cursor with pre-defined sizes.

SMALLNORMALBIG
<!-- Small -->
<body data-plugin-cursor-effect data-plugin-options="{'size': 'small'}">

<!-- Normal -->
<body data-plugin-cursor-effect data-plugin-options="{'size': 'normal'}">

<!-- Big -->
<body data-plugin-cursor-effect data-plugin-options="{'size': 'big'}">

Pre-Defined Styles

Change cursor with pre-defined styles.

CIRCLESQUARE
<!-- Circle -->
<body data-plugin-cursor-effect>

<!-- Square -->
<body data-plugin-cursor-effect data-plugin-options="{'style': 'square'}">

Hover Effect and Color

The hover effect of cursor on elements.