Comment réaliser des images flottantes superposées ?
Images flottantes superposées ?
L’effet a pour but de créer une animation avec des images qui vont se superposer donnant l’impression de flotter sur votre page. Effet qui ne laissera pas vos visiteurs sans réaction et qui vous distinguera de tous les autres sites web.
Qu’est-ce que vous trouverez dans la vidéo ?
Dans cette vidéo, je vous explique pas à pas comment réaliser un effet d’images superposées flottantes avec le divi builder. Un super effet à implémenter sur vos sites web.
Enjoy😎
Classe CSS à positionner dans les modules images
« dr-page-floating » – « dr-page-floating1 » – « dr-page-floating2«
Code CSS à positionner dans les paramètres de la page
@keyframes floating {
0% {transform: translate(0, 0px);}
50% {transform: translate(0, 15px);}
100% {transform: translate(0, 0px);}
}
.dr-page—floating {
animation: floating 7s ease-in-out infinite;
}
.dr-page—floating1 {
animation-delay: -4.5s;
}
.dr-page—floating2 {
animation-delay: -3s;
}
Découvrir les autres articles :
E-commerce local : Comment conquérir le marché guadeloupéen en ligne.
Optimisez Votre Taux de Conversion avec l’intelligence Artificielle dans l’E-Commerce
10 erreurs fatales à éviter lors du lancement de votre E-commerce
Création de Sites Web en Guadeloupe : Dr Page Réinvente votre Présence en Ligne