This function draws a rotating heart spinner.

Seven march: two "7"-shaped tiles (one is the other point-reflected) that shuffle around one another - marching up, shifting right, and rotating -90 d

Shuffle bars: the 60x60 box reads as a solid square split into three 20px bands. Two interlocking combs (::before = top bar + two middle squares, ::af

Skew square: two triangular halves (one is the other point-reflected) form a square, split and fly to opposite corners, return, then the whole thing s

Spin bars: three vertical bars that spread apart as the box widens (45 -> 65px), quarter-turn together, then pack back into a near-solid square - a qu

Split square: two same-colour halves (one is the other point-reflected and time-reversed) slide vertically and morph their clip shape. In the static p

Stretch squares: two overlapping squares (one anchored to its left edge, one to its right) slide apart along a diagonal - one up-right, the other down

Random letter blur, an approximation of the CSS l33: single letters flicker out of focus (a text-shadow blur) one at a time during the middle of the c

Bouncing letters, a port of the CSS l11: two stacked copies masked to alternating characters move in opposite directions; a wild cubic-bezier(.5,220,.

Cascading letters, a port of the CSS l17: letters drop in from above one by one (left to right) over 0..40%, hold the whole word 40..60%, then fall ou

Color-cycling text, a port of the CSS l10: linear-gradient of 4 solid blocks (base, olive, crimson, teal), each one text-width wide, scrolled under ba

Per-letter color blink, a port of the CSS l16. The CSS uses letter-spacing + 9 shifted text-shadows so every character is an independent shadow that c

Conveyor letters, a port of the CSS l18 (the horizontal twin of the cascade): letters slide in from the right one by one (left to right) over 0..40%,

Decode/encode glitch, an approximation of the CSS l39: letters are progressively replaced by symbols left to right, then back (steps(11) alternate), l

Character dropout glitch, a port of the CSS l34: individual characters blink out (become spaces) at scheduled times, so the word flickers with missing

Pulsing text loader, a port of the CSS: .loader:before { content:"Loading..." } @keyframes l1 { to { opacity: 0 } } /* 1s linear infinite alternate

3D-ish flip, an approximation of the CSS l26: the word flips over X, then over Y, then scales to -1, returning to identity. True perspective isn't ava

RGB-split glitch, an approximation of the CSS l32: three text copies (red/green/blue) with tiny offsets; the wild cubic-bezier amplifies them into a c

Sequential fade reveal, a port of the CSS l19: letters fade in one by one (left to right) over 0..40%, hold the whole word 40..60%, then fade out one

Rolling letters, a port of the CSS l15: alternating characters roll vertically by one line-height in opposite directions (a copy rolls out while an id

Vertical roll wave, an approximation of the CSS l30: alternating letters roll vertically by one line, half a cycle out of phase, so a vertical wave ru

Scramble shuffle, a port of the CSS l38: the word snaps between 6 scrambled arrangements of "Loading..." (a slot-machine scramble) over the cycle (ste

Scrolling marquee text, a port of the CSS: color: #0000; text-shadow: 0 0 c, 11ch 0 c; overflow: hidden; @keyframes l6 { to { text-shadow: -11ch 0 c,

Multi-color scrolling marquee, a port of the CSS l9: 5 text-shadow copies (base, olive, crimson, teal, base) spaced 11ch apart, shifting left by 11ch

Scroll + inverting sweep, a port of the CSS l23: the text scrolls left (seamless marquee) while a full-width band sweeps across; inside the band the t

Shine band, a port of the CSS l22: a band (CSS: a 135deg diagonal ~1em stripe) sweeps across the text; inside the band the text is inverted ('bg' over

Two halves spinning, a port of the CSS l27: the text is split in two; each half rotates a full turn over the first half of its cycle then holds, with

Scanning spotlight, a port of the CSS l24: a round spotlight (radial gradient) sweeps back and forth across the text (alternate), brightening the lett

Squash-slice scan, an approximation of the CSS l37: a vertical band (2ch) scans horizontally; inside the band the text is squashed vertically (scaleY

Sweeping highlight, a port of the CSS l21: a bar sweeps across the text left to right; inside the bar the text is inverted (drawn in 'bg' over a 'colo

Counter-rotating swirl, a port of the CSS l29: alternating characters spin a full turn about the WHOLE word's centre in opposite directions (even +1 t

Text with a growing underline, a port of the CSS: background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat; @keyframes l2 { to { backgrou

Text with a marching dashed underline, a port of the CSS: background: repeating-linear-gradient(90deg,currentColor 0 8%,#0000 0 10%) ... 3px; @keyfram

Fill-then-scroll text, a port of the CSS l14 (two phases over the cycle): 0..80%: text stays put while an underline bar grows 0% -> 100%. 80..100%:

Letters fly off, a port of the CSS l40: letters float up (-20px) and fade out one by one in a scattered order until the word is gone, then they all dr

Vibrating text, an approximation of the CSS l31: the wild cubic-bezier(.5,-150,.5,150) amplifies tiny per-letter offsets into a fast buzz. Here each l

Traveling hop wave, a port of the CSS l20: each letter hops up in turn (left to right), one at a time, so a wave runs across the word and repeats. Let

Tri-diamond: two triangular halves (both pivoting about the bottom centre) morph between an upward triangle and a diamond, while the container flips (

Tri-pie: three 120-degree pie wedges that together make a solid disc. They bloom apart into a triangular cluster (the box grows by 8px, each wedge sli

Tumble square: a bar (40x20) with two squares stacked on top (a 40x40 block). The top squares swing +/-180 deg about their bottom corners while the wh