Aller au contenu
Forge

Fond en dégradé maillé

Une accroche posée sur un dégradé maillé pastel dont les taches de couleur glissent lentement.

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

Description

Quatre dégradés radiaux pastel se fondent en un « mesh gradient » doux, et leurs positions glissent sans fin pour que le fond respire derrière le titre. Un fond apaisant pour un cabinet, une marque bien-être ou une page d’accueil. Seule la position du fond est animée : rien ne bouge dans la mise en page, aucun script ni image. Contraste AA en clair comme en sombre (couleurs profondes la nuit). Avec prefers-reduced-motion, le dégradé reste fixe.

Code

Chargement du code…

Contenu de l'archive

effet-degrade-maille-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