Snake Cursor

An engaging grid-based creative cursor featuring a variety of settings that allow you to transform it dynamically into different shapes and styles.

Snake Cursor

• Cell Style:  
  • Cell Size: The cell’s size
  • Color: The cell’s color
  • Radius: The cell’s radius
  • Blend Mode: The blend mode ( CSS mix-blend-mode )
  • Visibility Duration: The duration in millisenconds that a cell remains visible after it’s active.
• Gooey Effect:
  • Apply Gooey Effect: Apply Gooey Effect to the cursor
  • Visual Style: The visual style of the cursor
    • Default: The cursor has a solid fill color
    • Outline: The cursor has an outline and no fill color
  • Gooey Intensity: The intensity of the gooey effect. The higher the value, the more pronounced the effect will become until the cursor can start to vanish during mouse movement.
• Trigger Targets: 

The list of targets where you can change the styling of the cursor when the mouse enters the given element specified by the CSS Selector.

• • CSS Selector: A Valid CSS selector for the target element(s)
  • Hide Snake Cursor: Hide the cursor
  • Override Color: Override the color of the cursor
  • Color: The cursor color
  • Override Gooey Style: Override the gooey’s visual style
  • Default: Change to the Default Visual Style
  • Outline: Change to the Outline Visual Style
  • Override Gooey Intensity: Override the gooey intensity
  • Gooey Intensity: The Gooey Intensity
  • Override Blend Mode: Override the blend mode
  • Blend Mode: The blend mode
• Z Index: The z-index of the cursor
• Apply to whole page: Apply the cursor to the whole page
• Disable Gooey on Gecko (Firefox): Disable the cursor on Gecko-based browsers ( Firefox ).  NOTE: Gecko-based browsers (like Firefox) experience jank when applying the Gooey Effect to multiple animated elements simultaneously. By default, the cursor will appear in its non-gooey form, but you can choose to hide the cursor entirely in Gecko browsers if desired.