Bouton avec coutour animé arc en ciel

luna44
Les bases HTML/CSS

Décrivez ici votre problème ou ce que vous cherchez à faire.
Bonjour

j'aimerais avoir des boutons de mon menu sous elementor du meme type que le bouton get a demo du site https://www.captaindata.co/
j'ai fais plusieur essaye en css mais je suis une bille dans le domaine.

Entourez votre code en utilisant "```" pour bien le mettre en forme. (ne copiez pas trop de code)

Ce que je veux

Décrivez ce que vous cherchez à obtenir.

Ce que j'obtiens

Décrivez vos éventuelles erreurs ou ce que vous obtenez à la place de ce que vous attendez :(

5 réponses

Zoriko

Salut,

De manière générale si tu n'es pas très doué en HTML et CSS, il va te falloir trouver des codes déja concus sur internet.
Ou alors apprendre bien sur ...

Don voici une "bibliothèque" d'élements d'UI , avec beacoup de boutons pré-conçus notamment :
https://uiverse.io/

Voici un exemple qui devrait te suffir pour ton bouton arc en ciel :
https://uiverse.io/SelfMadeSystem/swift-bullfrog-34

JRcode

@Zoriko, intéressant ces sites, merci !

@luna44 de manière générale quand tu veux t'inspirer d'un design tu peux ouvrir le site dans chrome par exemple (il propose de bons outils pour ça) et tu fais un clic droit puis "Inspecter" et tu pourras voir le code html, css des différents éléments

luna44
Auteur

Merci pour vos reponse, je vais me pencher dessus

luna44
Auteur

Petite question , une fois que j'ai recuperé le code css, comment l'integrer dans les boutons du menu car quand je l'applique ça l'animation se produit autour du contener (site sous wordpress avec elementor)

Zoriko

Il te faut ajouter le CSS directement sur le bouton (et non dans le conteneur).

Ou alors créer un bloc de code avec HTML + CSS

Ou alors récupérer la classe du bouton et l'ajouter dans "CSS additionel" dans "personaliser" dans Wordpress.

J'ai l'habitude de Wordpress avec lequel tu peux vraiment faire ce que tu veux, mais Elementor pas du tout, il me semble que tu es plus limité.