v1.7 Active

Experience the new Instant Motion with v1.7 Instant Motion

Explore Now

Documentation

v.1.7

Library

Button effects

Aura effect

The Aura Effect adds a glowing aura and dynamic ring animations to your buttons or other interactive elements.

Preview

Aura effect

Quick Setup

data-aura

Required

Enables the Aura Effect on the target element.

Advanced configuration

data-aura-color

Optional

Specifies the color of the aura and rings.

Default: #3498db

data-aura-size

Optional

Defines the size of the glow and ring effects.

Default: 20

data-aura-intensity

Optional

Controls the opacity of the aura and rings.

Default: 0.5

data-aura-duration

Optional

Specifies the duration of the aura’s fade-in and fade-out effects (in seconds).

Default: 1.5

data-aura-pulse

Optional

Controls the speed of the animation when the element is hovered over (in seconds). Values: true or false.

Default: true

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

Review Your Cart
0
Add Coupon Code
Subtotal