Aller au contenu
Forge

Feuilles d’automne qui tombent

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

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

Description

Huit feuilles dessinées en SVG, orange, rouges et dorées, descendent à des vitesses différentes derrière le texte en se balançant de gauche à droite, apparaissent en haut et s’effacent avant le bas de la section : une touche d’automne pour une rentrée, une promotion de saison, une jardinerie ou un menu d’automne. Seules la position, la rotation et l’opacité des feuilles 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 feuilles restent posées, immobiles.

Code

Chargement du code…

Contenu de l'archive

effet-feuilles-tombantes-html-tailwind.zip3 fichiers · 4 Ko

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

  • 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