Le titre est l’une des Parties les plus importantes de la page d’accueil. Habituellement, c’est le premier livre que les gens lisent qui fait la première impression. Comme toute autre première impression, vous espérez que c’est bon. Maintenant, si vous cherchez une façon créative de présenter votre titre, vous aimerez cet article. Dans ce tutoriel, nous vous montrerons comment ajouter une animation de bloc CSS au titre, et vous pouvez télécharger gratuitement le fichier Layout json! 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 animée d’un bloc de texte libre, vous devez d’abord le 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. Vérifiez votre adresse e – mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! Commençons à recréer! Tout d’abord, ajoutez la section normale à la nouvelle page ou à la page en cours de traitement. Ouvrez les paramètres partiels et appliquez l’arrière – plan flou suivant
Le module s’arrête en appliquant des ombres minces. C’est tout! Boîte d’ombre floue forcée: 50 Px couleur d’ombre: rgba (0,0,0,0,1)
Vous vous êtes inscrit avec succès. Vérifiez votre adresse e – mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! Commençons à recréer! Tout d’abord, ajoutez la section normale à la nouvelle page ou à la page en cours de traitement. Ouvrez les paramètres partiels et appliquez l’arrière – plan flou suivant
Le module s’arrête en appliquant des ombres minces. C’est tout! Boîte d’ombre floue forcée: 50 Px couleur d’ombre: rgba (0,0,0,0,1)
Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats sur les différents écrans de taille. Bureau
Mobile
Dans cet article, nous vous montrons comment ajouter une animation de bloc CSS à un titre. Il est important de s’assurer que le titre est visible et lisible dès le départ, et il est certainement utile d’y ajouter une animation! Vous pouvez également télécharger gratuitement le fichier json pour la mise en page. 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.