Rotating words (crossfade)

Cycles through a word list with a soft opacity crossfade. The softest of the three rotators — use for sub-heads where motion should feel ambient.

by FWONrotatingvanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="a13">
  <span>Built for</span>
  <span class="cyc"><span class="on">caterers</span><span>venues</span><span>builders</span><span>studios</span></span>
</div>

Block id: tim-13-rotating-words-crossfadevanilla · drop-in

More rotating blocks

Rotating project health status list

linear

Vertical word rotator

magicui

Morphing word sequence

magicui

Vertical feature tabs with rotating gradient background

stripe

Want the whole site, not just the block?

We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.

Get my free 15-min audit Book a Discovery Call