This documentation provides comprehensive insights into the Cursors Animation Extension developed by Zoloblocks.

Activate the Cursors Effects Extension

Go to Zoloblocks Dashboard

1. Select Dashboard
2. Then go to Extension Tab
3. Search by the ” Cursors Effects “
4. Enable the Cursors Effects extension.

Where to Find the Extension

Go to Extra Tab Section any blocks

1. Cursor Effects controls will appear on the Extra Tab Section. Then enable the switcher all the feature will visible there.

Cursor Effects

Cursor effects are visual animations or changes applied to the mouse cursor or the area around it to enhance user interaction and experience on your webpage.

Text Effects

A cursor text effect, where custom text is displayed in place of the default mouse cursor.

Layout

1. Select Source: Select the source for cursor effect text.
2. Text Label: Set the text for the label.
3. Speed: Set the speed for the animation.

Style

4. Color: Set the color for the text.
5. Background Color: Set the background for it.
6. Padding: Set the padding.

7. Border: Set the border for the text.
8. Border Radius: Set the border radius.
9. Typography: Set the typography for the text effect.

Image Effect

A cursor image effect is when a custom image replaces the default mouse cursor on a website or application.

Layout

1. Select Source: Select the source for cursor effect image.
2. Image Source: Select image from library the for the cursor image.
3. Speed: Set the speed for the animation.

Style

4. Size: Set the size for the cursor image.
5. Border: Set the border.
6. Border Radius: Set the border radius.

Icon Effect

A cursor icon effect refers to replacing the default mouse pointer with a custom icon, providing a unique and tailored user experience.

Layout

1. Select Source: Select the source for cursor effect Icon.
2. Select Icon: Select the icon for the cursor.
3. Speed: Set the speed for the animation.

Style

4. Color: Set the color for the icon.
5. Size: Set the size for the icon.

Disable Default Cursor

2. Disable Default Cursor: Disable the switcher to turn off the default cursor.

Video Assist

The Video will be coming soon. Please visit the demo page for examples.

Thanks for being with us.