Effets flottants
Allez au-delà du flottement de base de haut en bas L'extension Floating Effects vous donne des commandes d'animation de niveau professionnel pour n'importe quel élément Animez indépendamment la position d'un élément (Traduire), faites-le tourner sur n'importe quel axe 3 D (Rotater X, Y, Z), et étirez-le ou écrasez-le (Échelle X, Y).Créez un logo qui s'incline, un badge qui pulse, ou une image qui dérive et tourne doucement Tout est contrôlé avec de simples champs de numéro et des cases à cocher directement dans votre éditeur Elementor Pas de plugins, pas de code juste une animation puissante au bout des doigts.
Mouvement multidirectionnel (Traduire)
Donnez à vos éléments une impression de mouvement doux et flottant Utilisez les commandes Traduire pour les déplacer horizontalement (axe X) ou verticalement (axe Y).Définissez un point de départ et un point d'arrivée en pixels pour créer un effet de dérive de va-et-vient ou de haut en bas Parfait pour attirer l'attention sur les caractéristiques clés ou ajouter une touche ludique à votre design.
- Flotteur horizontal : Faites dériver un élément de gauche à droite (Traduisez X) comme un nuage lent.
- Rebond vertical : créez un léger rebond de haut en bas (Traduisez Y) pour les icônes ou les badges.
- Combinez pour les chemins complexes : utilisez X et Y ensemble pour les chemins flottants diagonaux ou circulaires.
Mise à l'échelle, rotation et timing
Allez au-delà du simple mouvement de haut en bas Faites respirer les éléments en les mettant à l'échelle Utilisez l'échelle X et l'échelle Y indépendamment pour étirer ou écraser séparément la largeur et la hauteur d'un élément Ajoutez Rotation pour un tour lent et continu Cela vous permet de tout créer, d'un bouton d'appel à l'action à pulsation douce à un logo à rotation lente.
- Effets pulsés : utilisez l'échelle X/Y pour faire croître et rétrécir un élément de manière rythmée, attirant ainsi l'œil.
- Contrôle indépendant : étirez la largeur d'un élément (échelle X) tout en gardant sa hauteur la même pour un mouvement unique.
- Spin continu : Appliquer la rotation pour une rotation lente et sans fin sur les logos ou les icônes décoratives.
Foire aux questions pour les effets flottants
Cela a l'air complexe Est-il difficile à utiliser ?
Pas du tout ! le panneau peut paraître détaillé car il est puissant, mais vous commencez simplement Activez simplement un effet (comme Traduire Y), définissez une petite valeur “To” (comme 20 px), et vous avez une animation flottante Les autres commandes sont là pour quand vous voulez obtenir plus créatif Vous apprenez au fur et à mesure.
Puis-je utiliser ces rotations 3 D sur mobile ?
L'effet visuel fonctionnera, mais ce n'est pas un environnement 3 D “true” Il simule la rotation 3 D en utilisant CSS, qui est pris en charge sur tous les navigateurs mobiles modernes Il sera superbe, mais pour une 3 D intense, vous auriez besoin d'un outil différent Pour les effets d'inclinaison et de virage pour lesquels il est conçu, c'est parfait.
Quelle est une bonne utilisation dans le monde réel pour les échelles X et Y distinctes ?
Imaginez un bouton “Notify Me” Vous pourriez utiliser l'échelle Y pour la faire rapidement squash vers le bas (donnant un retour tactile), puis revenir à la normale Ou, pour un lecteur de musique, un graphique d'onde sonore pourrait utiliser l'échelle Y indépendamment sur chaque barre pour la faire passer au rythme.
L'utilisation de beaucoup de ces effets sur une page nuira-t-elle aux performances ?
Si vous allez trop loin, oui : « j'aime n'importe quoi ». L'application de 10 à 20 animations complexes différentes à une douzaine d'éléments peut provoquer des branlettes sur des appareils plus lents. La clé est la subtilité. Utilisez 1 à 2 effets primaires par section. Un flotteur doux et une légère rotation suffisent habituellement pour un effet professionnel et vivant.
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
