Documentation
v.1.7
GETTING STARTED
DYNAMIC ISLAND
Library
Button effects
Hover 3D
The Hover 3D Effect creates an interactive, three-dimensional illusion for elements.
Preview
Hover 3D
Quick Setup
data-hover3d
Required
Activates the Hover 3D effect on the element.
Advanced configuration
data-hover3d-intensity
Optional
Controls the intensity of the rotation.
Default: 1.5
data-hover3d-depth
Optional
Defines the depth of the shadow in pixels.
Default: 20
data-hover3d-shadow
Optional
Specifies the color and opacity of the shadow.
Default: rgba(0, 0, 0, 0.3)
data-hover3d-blur
Optional
Sets the blur intensity of the shadow in pixels.
Default: 15
data-hover3d-speed
Optional
Controls the speed of the transition effect in seconds.
Default: 0.1
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours