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 Effets flottants extension dans Modules complémentaires principaux pour Elementor ajoute ce mouvement continu à n'importe quel élément, pas d'images clés ou de 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 for Elementor qui ajoute une animation continue en boucle à n'importe quel élément, section, colonne ou widget Elementor. Il anime l'élément avec traduire, tourner, et échelle transforme et vous permet de contrôler le durée, retard, et direction du mouvement Parce que l'effet est basé sur CSS, l'élément continue de dériver tout seul sans une lourde bibliothèque d'animation JavaScript.
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 10 Lʼélément selon lʼaxe X ou Y, le flotteur classique de haut en bas ou de côté à côté.
- Faire pivoter « L'élément tourne légèrement d'avant en arrière pour un léger balancement ».
- Échelle « L'élément pousse et rétrécit pour un effet pulsé doux ».
- Durée, retard et direction « Ensembles combien de temps prend un cycle, combien de temps attendre avant qu'il ne commence et dans quelle direction le mouvement s'exécute, de sorte que l'animation correspond au rythme de la section ».
Comment ajouter des effets flottants dans Elementor #
Effets flottants est appliqué par élément depuis l'éditeur Elementor, une fois l'extension activée dans les modules complémentaires principaux 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 Modules complémentaires principaux pour Elementor est installé et actif, et que l'extension Floating Effects est activée dans le panneau Master Addons.
- Dans l'éditeur Elementor, sélectionnez la section, la colonne ou 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.
- Choisissez une transformation : Traduire, Faire pivoter; ou Échelle 'set' durée, retard, et direction.
- 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 de mouvement Master Addons for Elementor qui ajoute une animation continue en boucle à n'importe quel élément Elementor Il utilise des transformations de translation, de rotation et d'échelle et vous permet de contrôler la durée, le retard et la direction du mouvement, le tout sans écrire de CSS ou d'images clés personnalisés.
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 ?
Oui. Chaque effet expose les contrôles de durée, de retard et de direction. La durée définit la durée d'un cycle, le délai définit le temps d'attente avant le début du mouvement et les directions définies dans quel sens l'animation s'exécute, afin que vous puissiez faire correspondre le flotteur au rythme de la section.
Floating Effects fonctionne-t-il sur un élément Elementor ?
Oui. L'extension s'applique aux sections, colonnes et widgets Elementor, vous pouvez donc faire flotter une image, une icône, un titre, un bouton ou une section entière. Vous l'activez par élément depuis l'éditeur Elementor une fois l'extension activée dans le panneau Addons principaux.
Les animations flottantes vont-elles ralentir mon site web ?
L'effet est basé sur CSS, il est donc léger par rapport aux bibliothèques d'animation JavaScript lourdes 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.
