Wavy letters heading
A large heading whose letters hop one after another, like a wave running through it.
- Tailwind
- React
- CSS
- WordPress
Description
Each letter of the heading hops slightly after the previous one: a cheerful wave runs through the words, then pauses before starting again. Perfect to announce a sale, an opening or an event. Screen readers read the heading whole, once (the animated letters are hidden from them), and words never break at the end of a line. With prefers-reduced-motion the heading stays still.
Code
Loading the code…
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