3 effets de curseur de souris de conversion sans soudure qui peuvent être appliqués à l’image via Divi

Membres: Oui Ensuite, allez dans l’onglet conception et changez la couleur du séparateur. Couleur: # ff961e Le redimensionnement change également la valeur de taille. Poids du séparateur: 1px largeur: 20% alignement du module: hauteur gauche: 0px Espacement e crée de l’espace pour le module en utilisant les valeurs de marge supérieure et inférieure suivantes: marge supérieure: 1vw marge inférieure: 1vw Ajouter le formulaire Texte 2 à la colonne 2 ajouter le contenu au formulaire suivant, qui est un autre formulaire texte. Saisissez le contenu du paragraphe que vous avez sélectionné. Les paramètres de texte passent à l’onglet conception et changent les paramètres de texte. Police de texte: Open Sans Taille de texte: 0.7vw (bureau), 1.7vw (tablette), 2.5vw (téléphone mobile) hauteur de la ligne de texte: 1.5 VW (bureau), 2.5 VW (tablette), 3.5 VW (téléphone mobile) Direction du texte: alignement Le redimensionnement modifie également les paramètres de taille. Largeur: 61% (bureau), 80% (tablette et téléphone) Espacement et ajout de marges supérieures et inférieures personnalisées.
Bord supérieur: 2vw bord inférieur: 2vw Ajoutez le formulaire texte 3 à la colonne 3 ajoutez le contenu à la deuxième colonne, le formulaire suivant et le formulaire final dont nous avons besoin, qui est un autre formulaire texte. Nous utiliserons ce formulaire comme bouton pour ajouter le contenu du paragraphe. Continuez avec le lien ajouté à la Dec. Paramètres de texte passez à l’onglet conception et modifiez les paramètres de texte en conséquence: police de texte: Times New Roman text color: # ff961e taille du texte: 1.5vw (bureau), 2.5vw (tablette), 3.5vw (téléphone) Redimensionner vous permet également de modifier la largeur du module dans les paramètres de redimensionnement.
Largeur: 48% Ensuite, allez aux paramètres d’espacement et ajoutez un remplissage personnalisé. Remplissage supérieur: 1vw remplissage inférieur: 1vw Borderline complète le formulaire de texte en ajoutant B
Images. Couleur de fond par défaut aller aux paramètres de fond et ajouter la couleur de fond suivante (entièrement transparente): couleur de fond: rgba (255255255,0) Couleur de fond lorsque vous déplacez la souris changez cette couleur lorsque vous déplacez la souris: couleur de fond: rgba (0,0,0,0,65) Nous utilisons à nouveau l’image de fond au lieu de la télécharger dans le module lui – même. Combiner l’image de fond avec les paramètres suivants: taille de l’image de fond: emplacement de l’image de fond de la couverture: image de fond répétitive centrée: image de fond mixte non répétitive: lumière douce Espacement ensuite, allez aux paramètres d’espacement et modifiez le remplissage en haut et en bas: afficher l’espace sous l’image: pas de remplissage en haut: 22vw remplissage en bas: 22vw L’échelle de transformation par défaut garantit que la valeur par défaut de l’échelle de transformation est maintenue à 100%. Droite: 100% fonds: 100% Transformer l’échelle e lorsque vous déplacez la souris change ces valeurs lorsque vous déplacez la souris pour créer un effet de redimensionnement. Droite: 120% fonds: 120% Par défaut, nous gardons \ Enfin, dans cet article, nous vous montrons comment créer en utilisant le module image de Divi, le curseur de souris et les options de conversion. L’effet de notre recréation n’est qu’une partie des nombreuses possibilités de beauté. Si vous avez des questions ou des suggestions, assurez – vous de laisser un commentaire 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.