Core UI and Core Animator were just released!

Brickscore / Elements / 
Cursor

Cursor

Core element

Cursor States

Magnetic

Exclusion

Image

Sticky

Hidden

Video

Size

Color

Text

Skew

Backdrop

Documentation

Settings

Cursor

CSS default cursor.

Color

Determines the color of the cursor. black by default.

Size

Determines the size of the cursor. scale(0.2) by default.

Speed

Determines the cursor attachment to the cursor. The lower the speed is, the higher the attachment. 0.55 by default.

GSAP Easing

Movement easing. expo.out by default

Visible

Makes the cursor visible or not in its initial state. True by default.

Skew

Determines the skew when moving. 0 by default.

Hide on leave

Determines wether to hide the cursor when leaving your website or not. True by default.

Magnetic

Magnetic

Select an element class name to target to apply the magnetic effect.

Skew

Skew

Determines the skew of the cursor when hovering the element. 0 by default.

Stick

Stick Delta

Determines the force the sticky effect will have. The lower the value is the higher the force. 0.15 by default.

Target from

Select an element class name to target as the element to hover to apply the effect.

Target to

Select an element class name to target as the element where the cursor is going to stick to.

Size

Size

Determines the size of the cursor when hovering the element. scale(0.2) by default.

Border-Radius

Border-Radius

Determines the border-radius of the cursor when hovering the element. 100% by default.

Target

Select an element class name to target to apply the size effect.

Color

Color

Determines the color of the cursor when hovering the element.

Target

Select an element class name to target to apply the color effect.

Exclusion

Target

Select an element class name to target to apply the exclusion effect.

Text

Typography

You cant set the color, fontSize and fontFamily to display.

Media Skew

Determines the skew of the cursor when moving. 0 by default.

Text

The content to display.

Target

Select an element class name to target to apply the text effect.

Backdrop

Backdrop

Generates a blurry background layer. 0px by default. Must be use in combination of the color state. Color state must have an RGBa transparency (we recommend 0.1)

Image/Video

Image/Video element

Element to display by the cursor on hover. Select an image/video URL.

Media Skew

Determines the skew of the cursor when moving. 2 by default.

Target

Select an element class name to target to apply the image/video effect.

Hidden

Target

Select an element class name to target to apply the hidden effect.

Introduction
Text elementsButton elementsMenu elementsCore elementsFeatures
Need assistance?
*Please feel free to reach us and we will kindly instruct you on the behaviour of any element. You can also reach our community group or take a look at our tutorials.
Don´t miss anything. Join us & build betterJoin Brickscore Community Updates

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.