ANIMATION BOUTON SYSTEME.IO BOUNCE OUT DOWN 2s

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>

#button-412eaffd {

animation: bounce-out-down 2s ease infinite;

}


@keyframes bounce-out-down {

0% { transform: translateY(0); }

20% {

opacity: 1;

transform: translateY(-20px);

}

100% {

opacity: 0;

transform: translateY(20px);

}

}

</style>

Réalisé avec