Documentation
v1.8
GETTING STARTED
DYNAMIC ISLAND
Library
Button effects
Shine effect
The Shine Effect adds a glowing highlight animation to elements, typically buttons, creating a dynamic and elegant visual experience.
Preview
Quick Setup
data-shine
Required
Activates the Shine Effect on the target element.
Advanced configuration
data-shine-color
Optional
Defines the color of the primary shine.
Default: rgba(255, 255, 255, 0.9)
data-shine-secondary
Optional
Sets the color of the secondary shine.
Default: rgba(255, 255, 255, 0.4)
data-shine-duration
Optional
Specifies the duration of the shine animation in seconds.
Default: 1.2
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