Une section statique se lit comme une image plate Donnez-lui une dérive douce et en boucle et le même élément se sent vivant Le Extension des effets flottants dans Maître Addons Pro ajoute ce mouvement continu à n'importe quel widget Elementor, sans images clés ni CSS personnalisé à écrire Ce guide explique ce que fait l'extension, ce que vous pouvez animer et comment l'appliquer.
Qu'est-ce que l'extension des effets flottants ? #
Le Effets flottants extension est un outil de mouvement Master Addons Pro qui ajoute une animation continue en boucle aux widgets Elementor Il déplace le widget entre une valeur From et a To avec traduire, tourner et échelle se transforme, puis revient à nouveau, et chaque transformation a Durée et Retard champs. Le mouvement s'exécute sur la petite bibliothèque anime.js avec une facilité d'entrée en douceur Les sections, colonnes et conteneurs n'obtiennent pas le panneau.
Ce que vous pouvez animer #
Floating Effects fonctionne à travers trois types de transformation, et vous les combinez avec des commandes de synchronisation pour façonner le mouvement :
- Traduire: Traduire X et Traduire Y, chacun avec une valeur From et To comprise entre -100 et 100 px, pour le flotteur classique de haut en bas ou d'un côté à l'autre.
- Faire pivoter : Faites pivoter X, Y et Z entre -180 et 180 degrés, en tournant le widget d'avant en arrière pour un balancement.
- Échelle: Échelle X et échelle Y entre 0 et 5, croissance et rétrécissement du widget pour une impulsion douce.
- Durée et délai : La durée va jusqu'à 10000 ms (1000 quand elle est laissée vide) et Retarder jusqu'à 5000 ms. Lorsque vous activez plus d'une transformation, ils partagent une chronologie, en utilisant d'abord le timing de Translate, puis celui de Rotate, puis celui de Scale.
Comment ajouter des effets flottants dans Elementor #
Effets flottants est appliqué par widget depuis l'éditeur Elementor, une fois l'extension activée dans Master Addons En bref : sélectionnez l'élément que vous souhaitez animer, ouvrez ses paramètres, activez Effets flottants et choisissez une transformation avec son timing.
- Assurez-vous Maître Addons Pro est installé et actif, et que l'extension Floating Effects est activée dans le panneau Master Addons.
- Dans l'éditeur Elementor, sélectionnez le widget que vous souhaitez animer.
- Ouvrez les paramètres de l'élément et trouvez les addons principaux Effets flottants contrôle, puis activez l'effet.
- Allumez Traduire, Faire pivoter ou Échelle(en), définissez les valeurs From et To, puis le Durée et Retard.
- Prévisualisez ou publiez la page pour voir l'élément dériver sur le site en direct.
Conseils pour utiliser des effets flottants #
- Gardez le mouvement subtil. Une petite distance de translation et une durée lente lues comme polies ; un mouvement important et rapide semble distrayant.
- Utilisez-le sur un ou deux éléments par vue. Une seule image ou icône de héros flottant attire le regard ; une page entière en mouvement rivalise avec elle-même.
- Associez-le au mouvement d’entrée. Combinez les effets flottants avec le Animation d'entrée extension afin qu'un élément s'installe d'abord, puis conserve son flotteur doux.
- Vérifiez-le sur mobile. Confirmez que le mouvement semble toujours bon sur les écrans plus petits et ne pousse pas le contenu à proximité.
Foire aux questions #
Qu'est-ce que l'extension Floating Effects dans Master Addons ?
Floating Effects est une extension Master Addons Pro qui ajoute une animation continue en boucle aux widgets Elementor Il déplace un widget d'avant en arrière entre les valeurs From et To avec des transformations de translation, de rotation et d'échelle, avec des paramètres de durée et de retard et aucun CSS ou image clé personnalisé.
Quels types d'animation les effets flottants peuvent-ils créer ?
Il prend en charge trois types de transformation : traduire pour déplacer un élément de haut en bas ou d'un côté à l'autre, tourner pour un léger balancement de va-et-vient et évoluer pour un effet pulsé doux. Vous pouvez combiner une transformation avec des paramètres de synchronisation pour façonner le mouvement exact que vous souhaitez.
Puis-je contrôler la vitesse et la direction de l'animation flottante ?
Vitesse, oui Chaque transformée a des champs Durée et Délai, mais les transformées combinées partagent une chronologie, en utilisant Traduire d'abord, puis Rotater, puis Échelle Il n'y a pas de réglage de direction : le mouvement joue toujours de la valeur De à la valeur To et retour.
Floating Effects fonctionne-t-il sur un élément Elementor ?
Il fonctionne uniquement sur les widgets, tels qu'une image, une icône, un titre ou un bouton Les sections, les colonnes et les conteneurs n'obtiennent pas le panneau Effets flottants, donc pour faire flotter un groupe d'éléments, ajoutez l'effet à chaque widget.
Les animations flottantes vont-elles ralentir mon site web ?
Le mouvement parcourt la petite bibliothèque anime.js et n'anime que les transformations CSS, que les navigateurs gèrent bien. Pour garder les pages lisses, utilisez-le sur un ou deux éléments seulement par vue et gardez le mouvement subtil plutôt que de tout animer sur la page à la fois.
Floating Effects est-il gratuit ?
No. Floating Effects fait partie de Master Addons Pro. Free Elementor propose des animations d'entrée qui jouent une fois, mais pas de flotteur en boucle.
