Aller au contenu
Forge

Bulles qui montent en fond

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
Ouvrir dans un nouvel onglet

Description

Huit bulles de tailles différentes, chacune avec son reflet, remontent à leur propre rythme derrière le texte en oscillant légèrement, apparaissent en bas et s’effacent avant d’atteindre le haut : un fond frais pour une boisson, un spa, une piscine ou un aquarium. Seuls la position et l’opacité des bulles sont animées, sans image ni script, et le décor est masqué aux lecteurs d’écran. Contraste AA en clair comme en sombre. Avec prefers-reduced-motion, les bulles restent immobiles, réparties sur toute la hauteur.

Code

Chargement du code…

Contenu de l'archive

effet-particules-flottantes-html-tailwind.zip3 fichiers · 4 Ko

  • index.html7 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

  • 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

  • Carte encadrée au survol

    Gratuit

    Une carte d’offre autour de laquelle quatre coins de cadre glissent en place au survol ou au focus clavier.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant