Premium element

Visual Effect

SVG Reveal

SVG Reveal adds a smooth, professional touch by drawing SVG lines or shapes as they come into view on the page.

Preview

Quick Setup

data-svg-reveal

Required

Activates the SVG Reveal animation on the specified SVG element.

Advanced configuration

data-base-delay

Optional

Sets the initial delay (in milliseconds) before the animation starts.

Default: 0

data-delay-increment

Optional

Adds delay increments between each SVG element, creating a staggered reveal effect.

Default: 100

data-animation-order

Optional

Defines the sequence of element animation. Type: String ("sequential" or "simultaneous").

Default: sequential

data-duration

Optional

Sets the duration (in milliseconds) of the animation for each element.

Default: 1500

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