RS Cursor Hover Effect
The Cursor Hover Effect Extension enables smooth, real-time animations that respond to mouse movement. It can be applied to any element, including buttons, images, and containers, enhancing the interactivity and modern feel of your site.
Custom Cursor Enables a custom cursor that appears when the user hovers over the container. Toggle it on to activate all the cursor styling options below.
Cursor Text Sets the text displayed inside the custom cursor. For example: “View More”, “Drag”, “Play”. Supports dynamic tags.
Typography Controls the font style of the cursor text including font family, size, weight, and other text properties.
Color Sets the color of the cursor text.
Width Sets the width of the custom cursor element in pixels. This control is responsive, so you can adjust it per device breakpoint.
Height Sets the height of the custom cursor element in pixels. This control is responsive, so you can adjust it per device breakpoint.
Border Type Sets the border style around the custom cursor. Default applies no border. Other options include Solid, Dashed, Dotted, Double, and Groove.
Border Radius Rounds the corners of the custom cursor. Set each corner individually (Top, Right, Bottom, Left). This control is responsive.
Background Type Sets the background of the custom cursor. You will find two options: Classic (solid color or image) and Gradient.
Preview on Editor When enabled, the custom cursor effect is visible inside the Elementor editor so you can preview it without switching to the frontend.
