Systeme.io : Comment ajouter un effet de "Shine" sur un bouton pour un design plus accrocheur !

Merci ! Partagez avec vos amis !

Vous avez aimé cette vidéo, merci de votre vote !

Ajoutées 1 mois by admin

6 Vues

Dans cette vidéo, je te montre comment créer un effet "shine" dynamique sur un bouton dans Systeme.io pour attirer l'œil de tes visiteurs et rendre ton design encore plus attractif ! ????????

Apprendre à maîtriser ces petits effets visuels peut vraiment améliorer l'impact de tes pages et augmenter les clics sur tes boutons d'appel à l'action.

Que tu sois novice ou déjà à l'aise avec Systeme.io, cette astuce rapide t'aidera à donner du style à ton site ! ????

???? Télécharge mon guide gratuit pour personnaliser tes boutons d’appel à l’action sur Systeme.io !
C’est l’outil parfait pour faire passer tes pages au niveau supérieur et attirer l’attention de tes visiteurs ! https://www.ed-louis.com/cadeau-button

Code pour le bouton :

#button {
position: relative;
overflow: hidden;
}

#button:after{
display: block;
animation: 5s highlight infinite;
content: ' ';
position: absolute;
top: -50%;
right: -60%;
bottom: -50%;
left: -60%;
background: linear-gradient(50deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 60%);
-webkit-transform: translate(-80%, 0px);
-ms-transform: translate(-80%, 0px);
transform: translate(-80%, 0px);
}

/*---------------------KEYFRAMES---------------------*/
@keyframes highlight{
0% {
-webkit-transform: translate(-80%, 0px);
-ms-transform: translate(-80%, 0px);
transform: translate(-80%, 0px);
}
50% {
-webkit-transform: translate(80%, 0px);
-ms-transform: translate(80%, 0px);
transform: translate(80%, 0px);
}
}