ANIMATION BOUTON SYSTEME.IO WOBBLE 2s

Veillez à intégrer le code HTML ci-dessous dans Systeme.io sous le bouton afin de l'animer.


Vous n'avez qu'à déposer l'élément "Code HTML" et copier-coller ce code en l'intégrant dans le menu de gauche.


Chaque fois que le code du bouton ainsi présenté est présent (1 fois dans le code ci-dessous) #button-412eaffd


Vous devrez récupérer le code de votre propre bouton en cliquant dessus, le sélectionnant et vous rendant dans : (Avancé) Attributs HTML


Tout au fond du Menu de Gauche dans Systeme.io


Remplacez enfin la mention du bouton dans votre code par la vôtre en conservant le # devant.


#button-412eaffd est tout ce qui faut changer et rien de plus...

<style>

#button-412eaffd {

animation: wobble 2s ease infinite;

}


@keyframes wobble {

0% { transform: translateX(0%); }

15% { transform: translateX(-25%) rotate(-5deg); }

30% { transform: translateX(20%) rotate(3deg); }

45% { transform: translateX(-15%) rotate(-3deg); }

60% { transform: translateX(10%) rotate(2deg); }

75% { transform: translateX(-5%) rotate(-1deg); }

100% { transform: translateX(0%); }

}

</style>