Aller au contenu

Nuages qui défilent

Un ciel de lever du jour où des nuages dérivent lentement derrière le titre et le texte d’accroche.

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

Description

Des nuages de tailles différentes traversent lentement le ciel derrière le texte, chacun à sa vitesse, comme vus depuis une nacelle : une ambiance calme et aérienne pour une activité de plein air, une agence de voyage, une météo locale, un gîte ou une application de bien-être. Chaque nuage est un seul élément arrondi, dessiné et animé en CSS (transform), sans image ni script, et le décor est masqué aux lecteurs d’écran. Une case à cocher met le ciel en pause, comme le demande le critère WCAG 2.2.2. Ciel de lever du jour en mode clair, ciel de nuit en mode sombre, contraste AA dans les deux cas. Avec prefers-reduced-motion, les nuages restent immobiles.

Code

Chargement du code…

Contenu de l'archive

effet-nuages-defilants-html-tailwind.zip3 fichiers · 4 Ko

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

Mots-clés

Mis à jour le 18 octobre 2026.

Dans le même esprit

  • Un 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
    Composant
  • Un paysage de montagnes en plusieurs plans qui glissent à des vitesses différentes pendant le défilement.

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

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

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant