PROVidéo
Titre révélé par un balayage de feuilles en 3D
- 542542 téléchargements
- 166166 mentions J'aime
- 171171 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Bouton d'action à contour dégradé v1.0.0
Utilisez cette ressource pour créer un bouton d'appel à l'action marquant
Nouveau
- 562 téléchargements
- 200 mentions J'aime
- 213 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install gradient-outline-buttonPremière fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent crée un bouton dont la bordure est un dégradé à 144 degrés et dont l'intérieur sombre disparaît au survol. Un léger rétrécissement signale le clic. Vous obtenez un bouton net pour une page de vente ou de lancement.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- PRO
PROVidéo
Titre qui se retourne tuile par tuile
- 523523 téléchargements
- 189189 mentions J'aime
- 197197 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Titre 3D filaire qui jaillit d'un portail
- 335335 téléchargements
- 176176 mentions J'aime
- 221221 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Publicité vidéo : échange de chat IA vertical
- 392392 téléchargements
- 148148 mentions J'aime
- 224224 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Publicité vidéo : chat IA avec tableau comparatif
- 361361 téléchargements
- 234234 mentions J'aime
- 172172 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitVidéo
Fond dégradé doux animé, style présentation minimale
- 445445 téléchargements
- 120120 mentions J'aime
- 116116 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste de caractéristiques animée sur vidéo
- 371371 téléchargements
- 212212 mentions J'aime
- 109109 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Présentation d'application sur trois smartphones
- 384384 téléchargements
- 101101 mentions J'aime
- 112112 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- LISEZMOI.md en français : mode d'emploi pour intégrer l'animation
- Buttons/cssbuttons-io_wonderful-baboon-62.html : le HTML et le CSS du composant, à copier tels quels
- Les variables et sélecteurs à modifier pour adapter les couleurs et la taille
Pour qui
- Bouton principal d'une page de lancement
- Appel à l'action d'une page produit
- Inscription à une liste d'attente
Pas pour qui
- Charte sobre sans dégradés
- Boutons en grand nombre sur une même page
Étiquettes
- bouton
- dégradé
- appel à l'action
- css
- survol
À propos
Vous dites
« Remplace le bouton « Acheter » de ma page produit par le bouton à contour dégradé de la ressource, aux couleurs de ma marque. »
Composant publié par cssbuttons-io sur Uiverse sous licence MIT, documenté en français par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Le texte du bouton et Les couleurs de votre marque
Comment l'utiliser
- Donnez la ressource à votre agent de code
- Demandez-lui d'insérer le composant à l'endroit voulu et d'adapter textes et couleurs
- Ouvrez la page et vérifiez le rendu au survol et sur mobile
Aperçu du contenu
Fichiers
- Buttons/cssbuttons-io_wonderful-baboon-62.html1 Ko
- LICENSE1,1 Ko
- LISEZMOI.md0,8 Ko
- NOTICE-PALATEKIT.md0,5 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- cssbuttons-io
- Source
- github.com/uiverse-io/galaxy/tree/adbd2adde0a299a3956ea288fb444ec01891ca41/Buttons/cssbuttons-io_wonderful-baboon-62.html
- Licence
- MIT
Notice
Version modifiée de « cssbuttons-io_wonderful-baboon-62 » (cssbuttons-io, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Comment l'intégrer dans mon site ?
Copiez le HTML et le bloc CSS dans votre page, ou le CSS dans votre feuille de style. Aucun JavaScript n'est nécessaire.
Comment personnaliser le rendu ?
Modifiez les trois couleurs du dégradé sont dans background-image de button ; le fond intérieur dans button span (rgb(5, 6, 45)). Attention : le sélecteur « button » est global, limitez-le à une classe. Pour respecter les visiteurs sensibles aux animations, entourez-les d'une règle @media (prefers-reduced-motion: no-preference).