A tiny factory that animates a bright head with a trailing gradient across any set of DOM elements. Every property below (selector, CSS property, colors, direction, triggers, schedule, cycles) is configurable.
Default config: property: "color", pingpong
once.
Hover the logo to play. Also auto-plays every 4–7 s.
property: "fill".
property: "backgroundColor",
direction: "ltr", custom trail colors.
property: "opacity", numeric trail values,
cycles: Infinity.
direction: "rtl", cycles: 3,
interval: 40, green trail.
property: "opacity" on SVG
<circle> elements,
cycles: Infinity.
Click the word to play. Current head index is shown below.