Créer du texte et des images modifiés lors du défilement dans Divi

Ajouter lrsquoeffet de défilement suivant: fade in and out: active viewport Bottom position: 42% initial Opacity: 0% average Opacity Bottom position: 43% first position: 53% average Opacity: 100% viewport top position: 54% final Opacity: 0%
Copiez le formulaire texte deux fois clonez le formulaire texte deux fois. Ajuster le texte du deuxième formulaire de texte modifier le contenu du nouveau formulaire de texte. Texte: H2 contenu – direction artistique
La position ajoute également une position absolue au module. Position: absolue: en haut à gauche Lrsquoeffet de défilement met ensuite à jour les paramètres de lrsquoeffet de défilement. Fade in and out: Active Low viewport Location: 56% initial Opacity: 0% Medium Opacity Low Location: 57% First Location: 67% average Opacity: 100% viewport top Location: 68% final Opacity: 0%
Adaptation du troisième texte le texte est maintenant adapté au deuxième texte en double. Changez drsquoabord le contenu. Texte: contenu H2 – articles de paysage et garde robe Position, puis ajouter une position absolue. Position: absolue: en haut à gauche Lrsquoeffet de défilement change ensuite lrsquoeffet de défilement. Fade in and out: active viewport Bottom position: 70% initial Opacity: 0% average Opacity Bottom position: 71% first position: 80% average Opacity: 100% viewport top position: 81% final Opacity: 0% Ajouter un module image il est temps drsquoajouter un module image. Utilisez une image carrée de 350 x 350 Px.
Image: Image carrée 350 x 350 pixels Aligner définit lrsquoalignement à gauche. Alignement de lrsquoimage: à gauche Lrsquoespacement ajuste également lrsquoespacement. Afficher lrsquoespace sous lrsquoimage: pas de marge supérieure: 60 pixels Le filtre est ensuite ajouté pour rendre lrsquoimage non saturée. Saturation: 0% La visibilité passe maintenant à lrsquoonglet avancé et Import
Débordement caché. Débordement horizontal et Vertical: caché Enfin et surtout, ajoutez des effets de défilement entrants et sortants. Fade in and out: Active Low viewport Location: 70% initial Opacity: 0% Medium Opacity Location: 71% Medium: 100% viewport top Location: 100% final Opacity: 0%
Ajoute un formulaire drsquoinvitation dans une action texte au formulaire suivant, qui est le formulaire drsquoinvitation pour lrsquoaction. Inclure certains de vos choix. Titolo: il Team artistico di Jason Pulsante: Art team of prenota Jason Corpo: contento descriptivo Lien ajouter le lien suivant. Liens: vos liens Lrsquoarrière plan supprime également la couleur drsquoarrière plan par défaut. Utiliser la couleur de fond: Non Le texte définit ensuite lrsquoalignement à droite. Alignement du texte: à droite Le style de texte du titre est également le texte du titre. Niveau du titre: H3 caractères: fredoke un titre alignement du texte: couleur de gauche: Noir oooooooo taille du Bureau: 48 pixels tablette: 42px téléphone mobile: 33px espacement des polices Bureau et tablette: 1px téléphone mobile: 0P largeur des rayons X Bureau et tablette: 1,6em téléphone mobile: 1,1em
Texte, texte. Police: verdana couleur: Noir 000000 taille: 14px espacement des lettres: 0,5 px Les boutons peuvent également être stylisés. Style personnalisé taille du texte: 17px couleur du texte: blanc FFFFFF fond: Noir 000000 espacement des lettres: 1px caractères: vert marge supérieure: 20px marge supérieure et inférieure: 10px marge gauche et droite: 25 px La position passe à lrsquoonglet avancé et modifie les paramètres de position comme suit: position: origine du décalage parent: décalage horizontal supérieur gauche: 25px La visibilité cache donc le débordement. Débordement horizontal et Vertical: caché Enfin et surtout, activez lrsquoeffet de défilement
Alignement du corps du texte: redimensionner à gauche nrsquooubliez pas de changer lrsquoalignement de lrsquoensemble du module dans les paramètres de redimensionnement. Alignement du module: Enfin, réinitialiser les paramètres de position par défaut, terminé! Emplacement: réinitialiser à lrsquoaperçu par défaut regardons enfin la mise en page sur différents écrans de taille. Bureau déplacer il srsquoagit drsquoune enveloppe de mise en page qui change le texte et lrsquoimage lorsque Défilez! Nous avons terminé la recréation du texte et de lrsquoimage qui ont été modifiés lors du défilement. Grâce à lrsquoeffet de défilement intégré de Divi, nous sommes en mesure drsquoatteindre cet effet. Utilisez cette mise en page pour une page de service, une page drsquoinformation, une page de réunion drsquoéquipe ou nrsquoimporte quelle page que ! Utilisez le papier peint fourni ou conservez un fond drsquoécran blanc. Faites nous savoir ce que en pensez dans vos commentaires!