Aller au contenu
Forge

Bouton pilule dégradé

Une pilule colorée traversée d'un reflet lumineux au survol.

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

Description

Le dégradé chaud attire l'œil sur l'action principale ; un reflet diagonal le traverse au survol et au focus. Le texte reste lisible sur toute la largeur du dégradé (contraste AA) et le reflet disparaît si les animations sont réduites.

Code

Chargement du code…

Contenu de l'archive

bouton-pilule-degrade-html-tailwind.zip3 fichiers · 3 Ko

  • index.html2 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Boutons icônes ronds

    Gratuit

    Des boutons circulaires à icône avec une infobulle accessible au survol et au focus.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Bouton scindé avec menu

    Bientôt disponible

    Une action principale accolée à un menu d'options secondaires.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Bouton en relief

    Gratuit

    Un bouton épais qui s'enfonce sous le doigt, pour les actions principales.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Lien à soulignement animé

    Gratuit

    Un lien texte dont le soulignement se dessine de gauche à droite au survol.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
Bouton pilule dégradé | Forge