Veillez à placer un code HTML dans Systeme.io sous le bouton afin de l'animer.

Vous n'avez qu'à copier-coller ce code et à l'intégrer dans le menu de gauche.

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

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 les deux mentions du bouton dans votre code par le vôtre en conservant le # devant.

<style>

@keyframes flip {

0% {

transform: perspective(400px) rotateY(0);

animation-timing-function: ease-out;

}

40% {

transform: perspective(400px) translateZ(150px) rotateY(170deg);

animation-timing-function: ease-out;

}

50% {

transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

animation-timing-function: ease-in;

}

80% {

transform: perspective(400px) rotateY(360deg) scale(.95);

animation-timing-function: ease-in;

}

100% {

transform: perspective(400px) scale(1);

animation-timing-function: ease-in;

}

}

#button-412eaffd {

backface-visibility: visible !important;

animation: flip 2s ease infinite;

}

</style>