Loops

Loop classes run an infinite animation from mount - no trigger needed. They are also the pool behind .hover-<name> and .click-<name>.

The loop pool

shake

bounce

bell

pulse

float

spin-cw

spin-ccw

Clones the element into a fixed overlay and expands the clone outward like a radar ping. Position is tracked through scroll and resize.

radiate

amount-NEffect size: px for shake/bounce, scale×10 for pulse/radiate

etime-NOne cycle duration (seconds)

edelay-NPause appended after each cycle

ease-NAMEEase used by the settle segments

radiate-z-Nz-index for the radiate clone

html

<div class="float amount-10 etime-3">…</div>
<div class="pulse etime-2 amount-5">…</div>