ANIMATION IMAGE ARRIVEE DROITE SYSTEME.IO BOUNCE IN RIGHT 2s

Veillez à intégrer le code HTML ci-dessous dans Systeme.io sous l'image 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 de l'image ainsi présenté est présent (1 fois dans le code ci-dessous) #image-629efd53


Vous devrez récupérer le code de votre propre image 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 de l'image dans votre code par la vôtre en conservant le # devant.


#image-629efd53 est tout ce qui faut changer et rien de plus...

<style>

#image-629efd53 {

animation: bounce-in-right 2s ease infinite;

}


@keyframes bounce-in-right {

0% {

opacity: 0;

transform: translateX(2000px);

}

60% {

opacity: 1;

transform: translateX(-30px);

}

80% { transform: translateX(10px); }

100% { transform: translateX(0); }

}

</style>