Bouton dégradé qui pulse
Un bouton en dégradé dont l'ombre colorée respire lentement, en continu.
Réglages
Code
<button class="uv-pulse">Acheter</button>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Boutons
Où l’utiliser
Un bouton qui pulse réclame doucement l'attention, alors confiez-lui l'action qui compte vraiment : « Acheter » sur une fiche produit, « Réserver votre séjour » sur le site d'un petit hôtel ou « Profiter de l'offre » pendant les soldes. Le dégradé et le halo qui respire forment une animation pulse en CSS visible sans clignoter.
Une seule fois par page. Si la mise en page contient déjà un fond animé ou un carrousel, la pulsation entre en concurrence et y perd. Des couleurs proches dans le dégradé donnent un rendu plus élégant ; très différentes, un ton plus promotionnel.