Créer un titre d&rsquoanimation en utilisant l&rsquooption Divi

La seule forme dont nous avons besoin pour ajouter du contenu est le texte. Nous utilisons deux types de texte différents: le titre et le lien de paragraphe. Continuez à ajouter vos copies préférées et assurez quamp;rsquoelles apparaissent sur deux lignes en appuyant sur Maj + enter au milieu de chaque phrase. La couleur de fond par défaut va ensuite aux paramètres de fond et ajoute la couleur de fond par défaut au formulaire de texte. Couleur de fond: rgba (255255255,0) Couleur de fond lorsque déplacez la souris changez la couleur de fond lorsque déplacez la souris.
Couleur de fond: ffa53b Les paramètres de texte par défaut changent ensuite lamp;rsquoorientation du texte dans les paramètres de texte généraux. Orientation du texte: Focus La valeur par défaut du texte lié passe à lamp;rsquoonglet liens et apporte quelques modifications à lamp;rsquoapparence de la copie liée. Poids de la police de lien: hyper gras style de police de lien: italique, majuscule, soulignement couleur du soulignement du lien: rgba (255255255,0.3) taille du texte du lien: 0px hauteur de la ligne du lien: 0em Les paramètres du lien de déplacement de la souris apportent quelques modifications au prochain mouvement de la souris.
Taille du texte de connexion: 40 Px hauteur du fil de connexion: 1,8 em Texte du titre par défaut il apporte également quelques modifications aux paramètres du texte du titre. Poids de la police damp;rsquoen tête: style de police damp;rsquoen tête ultra bold: couleur du texte damp;rsquoen tête en majuscules: FFFFFF taille du texte damp;rsquoen tête: 70 Px (bureau), 40 Px (tablette), 30 Px (téléphone mobile) hauteur de la ligne avant: 1,4 m Paramètres du texte du titre en vol stationnaire, quelques changements mineurs en vol stationnaire.
Couleur du texte du titre: rgba (255255255,0) taille du texte du titre: 0px
Faites quelques changements à lamp;rsquoapparence de la copie liée. Style de police du lien: couleur du texte du lien souligné: 000000 taille du texte du lien: 0 Px (bureau), 20 Px (tablette), 13 Px (téléphone) hauteur de la ligne du lien: 0px (bureau), 1,8em (tablette et téléphone) Passez le curseur sur les paramètres de texte du lien pour apporter de petits changements aux canaux de la souris. Taille du texte de connexion: 30px hauteur du fil de connexion: 2,8 em
Paramètres par défaut du texte du titre le titre que sélectionnez doit également être modifié. Poids de la police de titre 2: style de police de titre super gras 2: titre en majuscules 2: taille du texte: 30 Px (bureau et tablette), 20 Px (téléphone mobile) Titre 2 espacement des lettres: 1px Les paramètres de texte du titre changent la taille du texte lorsque passez le curseur. Titre 2 taille du texte: 0px Vous pouvez continuer à utiliser lamp;rsquoespacement par défaut en allant aux paramètres damp;rsquoespacement et en ajoutant des marges personnalisées et des valeurs de remplissage. Marge gauche: 0px (bureau, tablette et téléphone mobile) Remplissage supérieur: 40px remplissage gauche: 50 px Lamp;rsquoespacement lorsque la souris se déplace change la marge gauche lorsque la souris se déplace. Marge gauche: 200 pixels La bordure par défaut ajoute ensuite la bordure gauche au formulaire de texte. Largeur du bord gauche: 5px couleur du bord gauche: ffa53b Supprime toutes les largeurs de bordure lorsque la souris passe. Largeur du bord gauche: 0px Transition enfin et surtout, créez une transition en douceur avec une durée de transition légèrement plus longue. Durée de la transition: 500 ms Aperçu maintenant que nous avons terminé toutes les étapes, regardons le résultat final. Dans cet article de cas damp;rsquoutilisation, nous montrons comment créer un titre animé à lamp;rsquoétape d

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins