Scrolling words marquee
Two rows of large words scrolling in opposite directions, faded at the edges, with a pause button.
- Tailwind
- React
- CSS
- WordPress
Description
Two rows of large words loop in opposite directions, separated by stars and faded at the edges: an editorial effect to present skills, clients or values. The loop is seamless (the list is doubled and the copy is hidden from screen readers). Scrolling stops on hover, on keyboard focus and with a pause button, as WCAG 2.2.2 requires. With prefers-reduced-motion the words simply wrap in lines, without motion.
Code
Loading the code…
Archive contents
effet-bandeau-defilant-html-tailwind.zip3 files · 4 Ko
- index.html13 Ko
- README.md3 Ko
- LICENSE.md1 Ko
Tags
Updated on October 18, 2026.
In the same spirit
A large heading in hollow letters where each word fills with colour from left to right, one after another.
- Tailwind
- React
- CSS
- WordPress
A product card crossed at the corner by a discount ribbon over which a glint of light sweeps.
- Tailwind
- React
- CSS
- WordPress
An integrations pitch where seven icons slowly circle a logo on two orbits.
- Tailwind
- React
- CSS
- WordPress
An offer card topped with a deck of colour swatches that fans out on hover or keyboard focus.
- Tailwind
- React
- CSS
- WordPress