Aller au contenu
Forge

Séparateur en vagues animées

Le bas d’une section colorée découpé par trois vagues transparentes qui ondulent à des vitesses différentes.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Trois vagues superposées, de plus en plus opaques, glissent en continu sous la section et se fondent dans la couleur de la suivante : une transition douce entre deux blocs, idéale pour un site lié à la mer, aux loisirs ou au bien-être. Les vagues sont un SVG léger en boucle parfaite, étiré à toute largeur et masqué aux lecteurs d’écran. Couleurs et contrastes AA en clair comme en sombre. Avec prefers-reduced-motion, les vagues restent dessinées mais immobiles.

Code

Chargement du code…

Contenu de l'archive

effet-vagues-separateur-html-tailwind.zip3 fichiers · 4 Ko

  • index.html3 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 18 octobre 2026.

Dans le même esprit

  • Mots surlignés au marqueur

    Gratuit

    Un titre dont les mots clés se font surligner l’un après l’autre, comme d’un coup de marqueur fluo.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Bulles qui montent en fond

    Gratuit

    Une annonce posée sur de petites bulles qui montent doucement du bas de la section en ondulant, puis s’évanouissent.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Enseigne néon qui grésille

    Gratuit

    Un titre en néon rose encadré d’un tube bleu, dont la lueur grésille de temps en temps comme une vraie enseigne.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Feuilles d’automne qui tombent

    Gratuit

    Une annonce de saison derrière laquelle des feuilles d’automne tombent en se balançant doucement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant