Gradient animé BG
Faites ressortir votre site Web en quelques secondes Abandonnez les couleurs statiques et les images ennuyeuses L'extension Animated Gradient Background vous permet de remplir n'importe quelle section, conteneur ou colonne avec de beaux dégradés qui se déplacent en douceur Choisissez vos couleurs, définissez l'angle et la vitesse, et regardez comme l'arrière-plan prendre vie avec un flux doux et sans fin Parfait pour les sections de héros, les zones d'appel à l'action ou comme toile de fond moderne pour votre contenu Pas de fichiers vidéo, pas de code lourd juste léger, un mouvement accrocheur qui capte l'attention et rend votre conception premium.
Live Gradient Builder avec de vraies couleurs
Commencez par un simple dégradé bicolore ou construisez un mélange complexe multicolore Utilisez les sélecteurs de couleurs pour choisir n'importe quelle teinte, et ajustez leur position sur le curseur dégradé pour contrôler le mélange Voir vos choix de mise à jour en direct La magie se produit lorsque ces couleurs commencent à se déplacer et à s'écouler les unes dans les autres, créant ainsi un décor dynamique et vivant.
- Couleurs illimitées : ajoutez autant de jeux de couleurs que vous souhaitez créer des dégradés riches et vibrants.
- Aperçu en direct : consultez votre version dégradée en temps réel lorsque vous ajustez les couleurs et les arrêts.
- Palettes Professionnelles : Créez facilement des dégradés qui correspondent à la palette de couleurs exacte de votre marque.
Contrôle total de l'animation
Une animation trop rapide est distrayante, trop lente est ennuyeuse Vous obtenez un contrôle total pour que ça se sente juste bien Réglez l'angle pour changer la direction du flux Ajustez la Durée totale de l'animation pour la rendre lente et calme ou rapide et énergique Choisissez un Facilitation de l'animation (comme “Smooth”) pour que le mouvement se sente naturel, pas robotique.
- Contrôlez le flux : changez l'angle (par exemple, 90° pour l'horizontale, 180° pour la verticale) pour diriger l'animation.
- Réglez le rythme : une durée plus longue (comme 10 secondes) crée un décalage subtil et lent. Un décalage plus court (3 secondes) est plus perceptible et énergique.
- Transitions douces : utilisez les options de facilité pour éviter les sauts de couleur brusques, rendant la boucle transparente.
Questions fréquemment posées pour le gradient animé BG
Est-ce que cela fonctionnera sur une partie de ma page ?
Oui ! vous pouvez l'appliquer à presque tous les conteneurs Elementor : sections complètes, colonnes individuelles ou même conteneurs spéciaux comme les boîtes de héros. Trouvez simplement les paramètres d'arrière-plan de cet élément et recherchez le type d'arrière-plan “Animated Gradient”.
Puis-je l'utiliser sur une image d'arrière-plan ou une vidéo ?
En règle générale, vous choisissez un type d'arrière-plan par élément Vous ne pouvez pas superposer un dégradé animé sur une vidéo ou une image en utilisant les mêmes paramètres Mais vous pourriez placer votre image ou vidéo dans une colonne à l'intérieur d'une section qui a l'arrière-plan du dégradé animé, créant un look en couches.
Combien de couleurs puis-je utiliser dans une seule animation ?
Techniquement, autant que vous le souhaitez en cliquant sur Add Color“” Mais pour l'effet le plus propre, le plus performant, nous vous recommandons 2 à 4 couleurs Trop de couleurs peuvent rendre l'animation boueuse ou chaotique.
L'animation est-elle jouée tout le temps, ou puis-je la faire jouer en vol stationnaire ?
L'extension est conçue pour les animations continues en boucle qui se lisent automatiquement dès que la page se charge Pour les animations contrôlées en vol stationnaire, vous devrez probablement utiliser une méthode différente ou personnalisé CSS. Cet outil permet de créer un effet de fond atmosphérique permanent.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
