Rotating words (slide mask)

Words slide up out of the top of a mask while the next word rises in. Snappier than crossfade — the industry-page trick.

by FWONrotatingvanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="a14">
  <span>We help</span>
  <span class="cyc"><span class="on">caterers</span><span>venues</span><span>builders</span><span>studios</span></span>
  <span>get picked.</span>
</div>

Block id: tim-14-rotating-words-slide-maskvanilla · 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