Comment créer des dégradés époustouflants avancés avec Divi

Blair Jersyer Divi Tutorials Mar 31, 2022

Pour créer des dégradés plus complexes, vous pouvez utiliser le nouveau type de contrôle Advanced Gradient Builder dans Visual Builder . Ce type de contrôle vous donne accès à de nouvelles options de dégradé et à plusieurs arrêts de couleur. C'est une fonctionnalité courte et agréable, mais nous sommes vraiment satisfaits de la nouvelle interface utilisateur et pensons que vous l'apprécierez!

Comment utiliser le nouveau générateur de dégradés

Les dégradés dans Divi étaient contrôlés par un type de contrôle simple. Vous pouvez choisir une couleur de début et de fin pour le dégradé, ainsi que l'un des nombreux types de dégradé. Plusieurs arrêts de couleurs, des dégradés répétitifs, de nouveaux types de dégradés et de nouvelles positions de dégradés ne sont que quelques-unes des fonctionnalités du nouveau générateur de dégradés.

C'est un jeu d'enfant d'utiliser le nouveau contrôle. Pour ajouter un nouvel arrêt de couleur, cliquez simplement sur le curseur de dégradé. Ajoutez autant de couleurs que vous le souhaitez, déplacez-les avec un mouvement de glissement et modifiez leurs teintes en un clic. Le dégradé et les arrêts de couleur individuels peuvent également être cliqués avec le bouton droit de la souris pour effectuer des actions telles que "rechercher et remplacer", "étendre les styles", "supprimer des couleurs, etc.".

Utilisez plusieurs arrêts de couleur pour créer une variété de dégradés

En utilisant plusieurs arrêts de couleur, vous pouvez créer une large gamme de nouveaux dégradés. Vous pouvez ajouter autant d'arrêts de couleur que vous le souhaitez et contrôler leur position dans le curseur de dégradé. En utilisant plusieurs couleurs, il est facile de créer de magnifiques arrière-plans lumineux qui n'auraient jamais été possibles auparavant.

Créer des sites Web incroyables

Avec le meilleur constructeur de page Elementor

Commencer Maintenant

Créez des effets intéressants en utilisant des dégradés répétitifs

Une fonctionnalité supplémentaire du nouveau générateur de dégradé est la possibilité de "répéter le dégradé". En utilisant des dégradés répétitifs, vous pouvez créer des effets intéressants avec un contrôle précis des couleurs et de leurs positions dans le curseur de dégradé. Les dégradés CSS peuvent effectuer une quantité surprenante de travail de conception. Votre imagination montera en flèche au fur et à mesure que vous expérimenterez le nouveau générateur de dégradés.

Combinez des dégradés, des masques et des motifs pour créer de nouveaux designs

Avec la récente mise à jour de Divi, il est désormais possible de personnaliser l'arrière-plan de votre site Web de différentes manières. Vous pouvez créer des mises en page époustouflantes en utilisant des dégradés, des images, des masques et des motifs. L'utilisation de dégradés sur les modules, les colonnes, les lignes et les sections vous permet de créer un effet en couches. Les options d'arrière-plan de Divi ont beaucoup d'interactions intéressantes en raison de la façon dont elles se superposent. Vous pouvez voir comment le nouveau générateur de dégradé prend une nouvelle vie en plaçant des dégradés au-dessus des images d'arrière-plan et en dessous des motifs et des masques d'arrière-plan.

Le pack dégradé est disponible en téléchargement.

Vous cherchez un moyen simple d'ajouter de superbes dégradés à votre site Web? Ne cherchez pas plus loin! Les dégradés de notre démo de générateur de dégradés sont tous inclus dans ce pack de dégradés gratuit. Ces dégradés sont simples à copier et coller et peuvent être appliqués à n'importe quel élément !

TÉLÉCHARGER LA MISE EN PAGE

Le générateur de dégradé avancé pour Divi est maintenant disponible

Mettez à jour Divi maintenant et dites-nous ce que vous pensez du nouveau générateur de dégradés. Assurez-vous de suivre et de vous abonner à notre blog afin de ne manquer aucune des nouvelles fonctionnalités de Divi que nous publierons à l'avenir. Avant d'apporter des modifications à votre site Web, je prends toujours le temps de vous expliquer en détail chaque fonctionnalité. Les utilisateurs de Divi doivent absolument consulter ces vidéos et articles.

Divi WordPress Theme