Effets flottants de l'élémenteur (Pro) : Traduire, faire pivoter et mettre à l'échelle le mouvement

Effets flottants est une extension Master Addons Pro qui donne à n'importe quel widget Elementor un mouvement de boucle Activez Translate, Rotate ou Scale, définissez une valeur From et a To, et le widget se déplace entre eux et inversement aussi longtemps que la page est ouverte Il convient aux images de héros flottantes, aux icônes dérivantes et aux badges pulsés, sans images clés à écrire.

Effets flottants Faites pivoter et traduisez les curseurs à côté d'une section de vente d'Halloween avec un fantôme flottant

Traduire : Float Up, Down ou Sideways

Traduire X et Traduire Y chaque valeur de prendre un De et un To entre -100 et 100 px Le widget passe de la première valeur à la seconde et retour, avec une facilité douce d'entrée et de sortie La valeur par défaut est de 0 à 5 px, une très petite dérive.

  • Flotteur vertical : Traduire Y de 0 à 15 px donne une icône ou un badge un doux bob.
  • Dérive latérale : Traduire X déplace lentement le widget vers la gauche et la droite.
  • Les deux axes: X et Y déplacent ensemble le widget le long d'une ligne diagonale, car ils partagent le même timing.

Rotation, mise à l'échelle et timing

Faire pivoter a des curseurs X, Y et Z de -180 à 180 degrés, et Échelle a X et Y de 0 à 5, avec 1 à 1,2 comme valeur par défaut Comme Traduire, les deux se balancent de De à Vers et vers l'arrière, donc la rotation est un balancement plutôt qu'un spin complet Chaque transformée a un Durée jusqu'à 10 000 ms (1 000 lorsqu'il est laissé vide) et a Retard jusqu'à 5000 ms.

  • Pouls: L'échelle X et Y de 1 à 1,05 fait croître et rétrécir doucement un bouton.
  • Balancer: La rotation Z de -5 à 5 degrés convient à une étiquette ou un badge suspendu.
  • Une chronologie: les transformées combinées partagent un timing La durée et le délai de traduction sont utilisés en premier, puis ceux de Rotate, puis ceux de Scale.
Effets flottants Faites pivoter et mettez à l'échelle les curseurs à côté d'un tableau de conception d'applications avec des cartes icônes

Effets de mouvement des éléments par rapport aux addons principaux Effets flottants

Elementor a deux sortes de mouvement (vérifié sur Elementor 4.2.4 avec Pro).Entry Animation, en Elementor libre, joue une fois quand un widget apparaît Effets de mouvement, en Elementor Pro, déplacez un widget pendant que le visiteur fait défiler ou déplace la souris Ni boucle tout seul, et c'est l'espace que remplit Effets flottants.

CaractéristiqueAnimation d'entrée de l'élémenteurEffets de mouvement Elementor ProEffets flottants Master Addons
PrixGratuitÉlémenteur ProMaître Addons Pro
Ce qui le commenceLe widget apparaissant, une foisDéfilement de page ou mouvement de la sourisRien, il boucle tout seul
MouvementPréréglez les fondus, les diapositives, les zooms et les rebondsDéfilement vertical et horizontal, transparence, flou, rotation, échelle, piste de souris, inclinaison 3DTraduire X et Y, faire pivoter X, Y et Z, échelle X et Y
Vos valeursDurée et délaiVitesse, direction et portée de la fenêtreDe et à valeurs, durée et délai
Fonctionne surWidgets et conteneursWidgets et conteneursWidgets uniquement

Si vous voulez un mouvement lié au défilement ou au curseur, Elementor Pro Motion Effects est le meilleur ajustement. Floating Effects est destiné à un mouvement doux qui continue sans aucune intervention du visiteur.

Autres extensions de mouvement dans Pro : Transforme, Animation d'entrée et Révéler.

Visionneuse de modèles
Facebook
Twitter
WhatsApp
Copier le lien
Acheter Maintenant
Effet flottant
Effet flottant
Offres Halloween
Offres Halloween
Bloc Chaîne
Bloc Chaîne

Comment ajouter des effets flottants dans Elementor

Une fois l'extension activée, le panneau Effets flottants se trouve dans l'onglet Avancé de chaque widget.

  1. Avec Master Addons Pro actif, rendez-vous sur Additions principales > Extensions et allumez Effets flottants.
  2. Modifiez votre page avec Elementor et sélectionnez le widget que vous souhaitez déplacer, comme une image ou une icône.
  3. Ouvrir le Avancé onglet, développer Effets flottants et réglez-le sur Oui.
  4. Allumez Traduire, Faire pivoter ou Échelle et définissez les valeurs From et To.
  5. Définir Durée et Retard(en), puis vérifiez le mouvement dans l'aperçu de l'éditeur.
  6. Mettre à jour la page Pour une procédure pas à pas plus longue avec des images, lisez notre tutoriel à effet flottant.

Foire aux questions pour les effets flottants

Découvrez les requêtes les plus demandées par les utilisateurs sur les effets flottants et trouvez des réponses en un seul endroit.
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.

Non. Le panneau Effets flottants se trouve uniquement dans l'onglet Avancé des widgets Pour faire flotter un groupe d'éléments, appliquez-le à chaque widget ou combinez-les en une seule image avant d'ajouter l'effet.

La rotation peut-elle tourner tout autour ?

Pas comme un spin continu La rotation passe de la valeur De à la valeur To et vice-versa, entre -180 et 180 degrés, elle fonctionne donc mieux comme un balancement ou une inclinaison.

Quelques widgets flottants vont bien Le mouvement utilise la petite bibliothèque anime.js et ne modifie que les transformations CSS, que les navigateurs gèrent bien Gardez-le sur une poignée de widgets par écran afin que la page reste calme et fonctionne en douceur sur les téléphones plus lents.

Widgets et extensions d'éléments tendance

Construisez des sites Web sophistiqués en moins de temps.

Master Addons Extension de glassmorphisme pour Elementor : cartes en verre dépoli avec le contrôle Blur Value réglé sur 20px

Glassmorphisme

Accueil Extension de glassmorphisme des éléments libres : l'effet du verre givré en un seul bascule Le glassmorphisme est givré...
Voir Détails
Extension d'extras de conteneur Master Addons pour élémenteur : conteneur bouché à une largeur maximale de 1 400 px, avec des commandes de largeur maximale, de hauteur maximale, de largeur minimale et de hauteur minimale

Extras de conteneurs

Accueil Elementor Container Max Width et Max Height Controls Container Extras est un Master gratuit...
Voir Détails
Extension de modèles Master Addons pour Elementor : héros avec le style Purple Gradient Grid Left, trois autres styles de modèles et le panneau Enable Pattern

Modèles

Accueil 70+ Motifs d'arrière-plan d'élément libre Patterns est une extension gratuite Master Addons qui ajoute...
Voir Détails
Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]

Duplicateur de messages/pages

Accueil Dupliquer les pages et les messages des éléments en un clic Le duplicateur de messages/pages est un maître gratuit...
Voir Détails
Modules principaux Lire l'extension de la barre de progression pour Elementor : barre bleue remplie à 42 % en haut d'une page de politique de confidentialité, avec les paramètres d'activation, de position, de hauteur et de couleur de remplissage

Barre de progression de lecture

Accueil Ajouter une barre de progression de lecture dans WordPress (Elementor) La barre de progression de lecture est gratuite...
Voir Détails