Colour Fading Text

text effects 1998 still works

Cycles a heading smoothly through the colour wheel.

In 2026: Works unchanged.

Where it came from: Free script archives, late 90s. Origin unclear. MDN ↗

<h2 id="fader" style="font-family: Impact, sans-serif">FADING COLOURS</h2>

<script language="JavaScript">
var hue = 0;
setInterval(function () {
  hue = (hue + 3) % 360;
  document.getElementById("fader").style.color = "hsl(" + hue + ",100%,55%)";
}, 60);
</script>

sandboxed demo · breaks nothing but itselfrestart

More in text effects