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: hinge 2s ease infinite;

}

@keyframes hinge {

0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }

20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }

40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }

80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }

100% { transform: translateY(700px); opacity: 0; }

}

</style>