Falling autumn leaves
A seasonal announcement behind which autumn leaves fall, gently swaying.
- Tailwind
- React
- CSS
- WordPress
Description
Eight SVG leaves in orange, red and gold drift down at different speeds behind the text, swaying from side to side, appearing at the top and fading before the bottom of the section: an autumn touch for back-to-school, a seasonal sale, a garden centre or an autumn menu. Only the leaves' position, rotation and opacity are animated, with no image or script, and the decoration is hidden from screen readers. AA contrast in light and dark mode. With prefers-reduced-motion the leaves stay 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