Bouton avec coutour animé arc en ciel

Par luna44, il y a 2 ans

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 :(

4 réponses

Zoriko, il y a 2 ans

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

luna44, il y a 2 ans

Merci pour vos reponse, je vais me pencher dessus

luna44, il y a 2 ans

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 y a 2 ans

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é.