Transforme
Fatiguée de tout ressemblant à un rectangle parfait ? l'extension Transform vous donne le pouvoir de tordre, d'incliner et de remodeler n'importe quel widget Elementor ou Elements Ajoutez un skew subtil à une carte de témoignage, faites pivoter un titre pour un effet dramatique ou mettez à l'échelle une image sur un plan avec précision. Tout cela avec de simples commandes visuelles. C'est l'outil secret pour créer des mises en page audacieuses, dynamiques et vraiment uniques qui se démarquent du look modèle standard. Allez au-delà du positionnement de base et donnez à vos éléments une nouvelle dimension.
Plissez et faites pivoter sur les axes X et Y
Faites pencher, incliner ou apparaître vos éléments en perspective Contrôlez indépendamment les valeurs Skew X et Skew Y pour créer des formes de parallélogramme ou des inclinaisons dynamiques Combinez cela avec Rotate pour faire tourner votre élément dans un espace 2 D ou 3 D, brisant ainsi l'alignement horizontal rigide de la conception Web typique.
- Plissage dynamique : Appliquez un Skew X pour donner à un conteneur l'impression qu'il est penché vers l'avant ou vers l'arrière.
- Rotation précise : Faites pivoter les éléments de degrés précis pour les mises en page créatives et les conceptions qui se chevauchent.
- Combinez les effets : biaisez un bouton, puis faites-le pivoter légèrement pour un appel à l'action ludique et décalé.
Cultivez, rétrécissez et ajoutez de la profondeur en vol stationnaire
Créez des moments interactifs qui répondent à vos visiteurs Utilisez la propriété Scale pour agrandir une icône ou une image en vol stationnaire, en attirant l'œil Ajoutez de la perspective à un conteneur parent pour faire tourner les éléments enfants dans l'espace 3 D, créant ainsi une sensation de profondeur et d'immersion que les designs plats ne peuvent égaler.
- Mise à l'échelle basée sur le vol stationnaire : définissez un état de vol stationnaire sur l'échelle : 1.1 pour un effet de croissance fluide et engageant sur les boutons ou les cartes.
- Profondeur de type 3 D : utilisez le paramètre Perspective pour que plusieurs éléments tournés ressemblent à une partie d'une scène 3 D unifiée.
- Contrôlez l'origine : modifiez l'origine de la transformation pour créer une échelle d'éléments à partir de son centre, de son haut ou de son coin.
Foire aux questions pour les transformations
Est-ce que fausser ou faire tourner mon texte rendra la lecture difficile ?
Il peut, si vous allez par-dessus bord La clé est la subtilité Une légère rotation de 2-5 degrés ou skew peut ajouter un intérêt visuel énorme sans nuire à la lisibilité Toujours prévisualiser et tester sur différents appareils Pour le texte important du corps, il est préférable de garder les transformations minimales ou de les appliquer uniquement aux éléments décoratifs.
Puis-je utiliser cela pour créer une carte à clapet 3 D ?
Vous pouvez vous rapprocher très près ! en combinant Rotate Y (pour le flip) avec Perspective sur un conteneur parent, vous pouvez créer une carte qui semble se retourner Vous utiliseriez deux éléments (avant et arrière) et basculeriez leur visibilité avec des interactions plus avancées ou du code personnalisé pour une solution complète.
Ces effets fonctionnent-ils sur les appareils mobiles ?
Les transformations CSS utilisées sont largement prises en charge sur les navigateurs mobiles modernes Cependant, des perspectives 3 D complexes ou des animations intenses pourraient être plus performantes sur le bureau C'est toujours une bonne idée de vérifier votre conception sur un vrai téléphone et de simplifier les effets pour mobile si besoin.
En quoi est-ce différent de l'extension Floating Effects ?
Super question ! effets flottants est pour les animations automatiques et continues (comme un mouvement rebondissant ou dérivant).L'extension Transform consiste à changer la forme et la position du noyau d'un élément (asymétrie, rotation, échelle), souvent de manière statique ou comme une interaction ponctuelle (comme un effet de vol stationnaire).Elles peuvent être utilisées ensemble ! vous pourriez par exemple avoir une carte légèrement biaisée (Transformer) et aussi des impulsions douces (Floating Effects).
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
