Extension de transformation d'élément (Pro) : inclinaison, rotation, échelle et retournement

Transforms est une extension Pro dans Master Addons qui ajoute un deuxième panneau de transformation aux widgets, conteneurs, sections et colonnes. Sous Avancé > Transformes vous pouvez traduire, faire pivoter, mettre à l'échelle, incliner et retourner un élément, avec des valeurs Normales et de Survol séparées et une durée de transition Le panneau Transform gratuit d'Elementor couvre la majeure partie du même sol, donc la comparaison plus bas montre où chacun s'adapte.

Transforme le panneau dans l'onglet Élémenteur avancé avec des curseurs Traduire et Rotation à côté d'une disposition de spa avec un texte de cap vertical tourné

Pliez et faites pivoter sur X, Y et Z

Faire pivoter a des curseurs séparés Rotate X, Rotate Y et Rotate Z de -180 à 180 degrés, et Biseauter a Skew X et Skew Y sur la même plage. Traduire déplace l'élément jusqu'à 1000 px le long de X ou Y. Chaque curseur peut prendre une valeur différente sur le bureau, la tablette et le mobile.

  • Indice: inclinez une carte, un badge ou un bouton dans un parallélogramme.
  • Faites pivoter Z : tournez un en-tête ou une étiquette sur la page, comme le texte vertical dans la démo.
  • Faites pivoter X et Y : éloignez un élément du spectateur L'extension n'a pas de réglage de perspective, donc cela semble plus plat qu'une véritable rotation 3 D.

États de Scale, Flip et Hover

Le Normal tab définit l'apparence d'un élément au repos et au Survole tab définit son apparence sous le curseur Les échelles X et Y vont de 0 à 5 avec un défaut de 1, et Flip Horizontal et Flip Vertical reflètent l'élément. Durée de transition (ms) passe de 0 à 3000, avec 400 comme valeur par défaut, et contrôle la vitesse de jeu du changement de vol stationnaire.

  • Hover grandit : réglez les échelles X et Y à 1,05 dans l'onglet Survoler pour un petit lift sur les cartes ou les boutons.
  • Retourner : activez Flip Horizontal dans l'onglet Survoler pour refléter une icône ou une image lorsque le curseur est dessus.
  • Où ça marche: les widgets, conteneurs, sections et colonnes obtiennent tous la section Transforms dans l'onglet Avancé.
Transforme l'onglet Survol avec des curseurs Scale et Skew à côté d'une section sombre de héros Bold Vision

Transformation d'élémenteur vs transformations d'addons principaux

Chaque widget Elementor a une section Transform gratuite dans son onglet Avancé (coché sur Elementor 4.2.4).Il couvre presque tout ce que fait l'extension, plus quelques paramètres qui manquent à l'extension.

CaractéristiqueTransformée ÉlémentaireTransformes principales d'Addons
PrixGratuit (Cœur de l'élément)Maître Addons Pro
Onglet Normal et HoverOuiOui
DéplacerDécalage X et Y en px, %, em, rem, vw ou vhTraduire X et Y en px, -1000 à 1000
Faire pivoter-360 à 360, avec un commutateur Rotate 3 D pour X et YFaites pivoter X, Y et Z, -180 à 180
PerspectiveOuiNon
Échelle0 à 2, commutateur Keep ProportionsÉchelle X et Y, 0 à 5
BiseauterX et Y, -360 à 360X et Y, -180 à 180
RetournerHorizontal et verticalHorizontal et vertical
Transition de survol0 à 10 000 ms0 à 3000 ms, 400 par défaut
Valeurs par appareilOuiOui

Le seul extra clair de l'extension est la plage d'échelle plus large, jusqu'à 5 fois la taille d'origine au lieu de 2. pour le reste, la propre section Transform d'Elementor fait le même travail ou plus, donc Transforms a le plus de sens dans le cadre d'une licence Master Addons Pro que vous utilisez déjà pour d'autres fonctionnalités.

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

Visionneuse de modèles
Facebook
Twitter
WhatsApp
Copier le lien
Acheter Maintenant
Transforme l'extension
Transforme l'extension
Transformez les cartes d'inclinaison 3D
Transformez les cartes d'inclinaison 3D
Transformez les bandes asymétriques
Transformez les bandes asymétriques
Transformez le coureur rotatif
Transformez le coureur rotatif
Transformer la couverture d'échelle
Transformer la couverture d'échelle
Spécimen de retournement de transformation
Spécimen de retournement de transformation

Foire aux questions pour les transformations

Découvrez les requêtes les plus demandées par les utilisateurs sur Transforms et trouvez des réponses en un seul endroit.
L'extension Transforms est-elle gratuite ?

No. Transforms fait partie de Master Addons Pro. La section Transform gratuite d'Elementor dans l'onglet Avancé offre les mêmes effets de base sans addon.

Les commandes sont très proches Elementor ajoute des décalages de perspective, de pourcentage et de fenêtre d'affichage, une plage de rotation et d'inclinaison plus large et une transition plus longue L'extension permet une mise à l'échelle jusqu'à 5 et donne à Rotate X, Y et Z leurs propres curseurs sans commutateur 3 D.

Ces effets fonctionnent-ils sur les appareils mobiles ?

Oui. Les transformations sont CSS simples et chaque curseur peut prendre une valeur différente sur tablette et mobile. Les grandes valeurs de traduction couvrent davantage un petit écran, alors vérifiez chaque appareil avant de le publier.

Effets flottants (Pro) exécute une animation en boucle tout seul Transforms définit une position, un angle ou une taille fixe plus un état différent sur le vol stationnaire, et il n'anime que pendant la transition de vol stationnaire.

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