Aller au contenu
Forge

Fond aurore animé

Une section d’accroche posée sur des halos colorés flous qui dérivent lentement, comme une aurore boréale.

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

Description

Trois halos pastel, floutés et superposés, se déplacent sans fin derrière le titre, à des vitesses différentes pour que le mouvement ne se répète jamais à l’identique. Tout est en CSS : aucun script, aucune image, quelques octets à charger. Le texte garde un contraste AA sur le fond dans les deux thèmes ; en sombre, les halos deviennent profonds et saturés. Avec prefers-reduced-motion, les halos restent immobiles et le rendu reste aussi beau.

Code

Chargement du code…

Contenu de l'archive

effet-fond-aurore-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

  • Carte en verre dépoli

    Gratuit

    Une carte translucide et floutée posée sur des formes colorées qui flottent lentement derrière elle.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Séparateur en vagues animées

    Gratuit

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

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Titre en machine à écrire

    Gratuit

    Un titre qui s’écrit lettre par lettre derrière un curseur clignotant, en CSS seul.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Révélation au défilement

    Gratuit

    Des étapes qui apparaissent en fondu et en glissant à mesure qu’on fait défiler la page, sans script.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant