Parallaxe en couches
Un paysage de montagnes en plusieurs plans qui glissent à des vitesses différentes pendant le défilement.
- Tailwind
- React
- CSS
- WordPress
Description
Trois chaînes de montagnes et un soleil couchant glissent à des vitesses différentes quand on fait défiler la page : les plans lointains bougent plus que les proches, ce qui donne de la profondeur au bandeau. Idéal pour un refuge, un office de tourisme, une agence de voyage, un domaine viticole ou un événement en plein air. Le paysage est fait de trois tracés SVG légers et l’effet suit le défilement grâce aux animations CSS liées à la vue (animation-timeline), et un court script prend le relais dans les navigateurs qui ne les connaissent pas encore (Firefox). Le décor est masqué aux lecteurs d’écran et les informations pratiques forment une vraie liste de définitions. Contraste AA en clair comme en sombre. Avec prefers-reduced-motion, le paysage reste immobile.
Code
Chargement du code…
Dans le même esprit

Tampon qui se pose
GratuitUn suivi de dossier en trois étapes où un tampon « Validé » vient se poser sur chaque carte quand elle arrive à l’écran.
- Tailwind
- React
- CSS
- WordPress

Nuages qui défilent
GratuitUn ciel de lever du jour où des nuages dérivent lentement derrière le titre et le texte d’accroche.
- Tailwind
- React
- CSS
- WordPress

Pluie de confettis
GratuitUn bandeau de fête où des confettis de couleur tombent en tournoyant derrière l’annonce.
- Tailwind
- React
- CSS
- WordPress

Un article de blog surmonté d’une fine barre qui se remplit à mesure que l’on avance dans la lecture.
- Tailwind
- React
- CSS
- WordPress