Comment utiliser un module d’image placé absolument comme arrière – plan parallaxe et zoomer avec Divi

Lorsque vous utilisez une image de fond dans une partition, il y a plusieurs façons de modéliser l’image immédiatement. Vous pouvez utiliser le mode de mélange, la superposition de l’arrière – plan ombragé et activer les effets parallaxes. Maintenant, avec le nouvel effet de défilement de Divi, vous pouvez aller plus loin dans l’animation en combinant parfaitement l’agrandissement avec l’effet parallaxe pour étendre une autre dimension dans votre conception web. Pour ce faire, nous utiliserons la largeur unitaire des modules d’image et des fenêtres placés en position absolue. Dans ce tutoriel, nous vous guiderons tout au long du processus en recréant une belle étude de cas de conception CTA, que vous pouvez également télécharger gratuitement!
On y va. Aperçu avant d’aller plus loin dans ce tutoriel, jetons un coup d’oeil rapide aux résultats sur différents écrans de taille. Bureau Mobile Pour obtenir une mise en page gratuite du module image de positionnement absolu, vous devez d’abord télécharger en utilisant les boutons en bas. Pour accéder au téléchargement, vous devez vous abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci – dessous. En tant que nouvel utilisateur, vous recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! Si vous êtes déjà sur la liste, il vous suffit de saisir votre adresse e – mail ci – dessous et cliquez sur télécharger. Vous ne serez pas « ré – abonné » ou vous recevrez un courriel supplémentaire.
Télécharger le fichier Inscrivez – vous à Divi Newsletter et nous vous enverrons par courriel une copie du dernier paquet de mise en page de la page d’atterrissage Divi, ainsi qu’un grand nombre d’autres ressources, conseils et astuces Divi gratuits. Suivez – nous et vous serez bientôt maître Divi. Si vous êtes déjà abonné, entrez votre adresse e – mail ci – dessous et cliquez sur télécharger pour accéder au paquet Layout. Vous vous êtes inscrit avec succès. Veuillez vérifier votre adresse e – mail pour confirmer votre abonnement et obtenir
Le module image et le jeu sont terminés! aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats sur les différents écrans de taille. Desktop move dernière idée dans cet article, nous vous montrons comment créer avec le nouvel effet de défilement de Divi. Plus précisément, nous avons placé le module image absolument avec l’arrière – plan parallaxe pour créer un beau zoom de section. Ce tutoriel est livré avec une belle mise en page d’études de cas CTA que vous pouvez télécharger gratuitement! Si vous avez des questions ou des suggestions, n’hésitez pas à faire part de vos commentaires dans la section commentaires ci – dessous. Si vous souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez – vous de vous abonner à notre newsletter et à YouTube Channel afin que vous soyez toujours l’un des premiers à apprendre et à bénéficier de ce contenu gratuit.