Hero Templates

Eclipse Flare

Pro

A total eclipse under liquid-glass copy: a streamered corona, a diamond-ring flare on the breath, god-rays marched through drifting cirrus in one jittered pass.

Install

Props

What It Demonstrates

Loop
An animation that repeats, a set number of times or infinitely.
Pulse
A gentle repeating scale or opacity change to draw attention.
Hover effect
Visual change when the cursor moves over an element.
Reduced motion
Respecting the user's prefers-reduced-motion setting by toning down or removing motion.
Hardware acceleration
Animating transform and opacity lets the GPU keep motion smooth.

Related Components

Appears In