Element CSS Transform is a Booster Addons extension that can be enabled on any Elementor section, column or widget. This extension allows you to visually manipulate an element by translating, rotating, scaling, or skewing.
Where can I find the extension?
1. Head to the edit section, column or widget.
2. Click on the Advanced tab.
3. Now head to Booster CSS Transform and enable the extension. You can also enable the hover CSS Transform if you want to apply it as a hover effect.
Element CSS Transform
Â
The Element CSS Transform can be applied for both the normal and hover states for any elementor section, column or widget. Here are the options.
: The translate effect can be used to move the element to any direction, top, left, bottom, or right.Â
-Translate X : This control can be used to move the element horizontally. A positive number for movement to the right, and a negative number for a movement to the left.
-Translate Y : This control can be used to move the element vertically. A positive number for movement to the bottom, and a negative number for a movement to the top.
: The rotate effect can be used to rotate the element on all the 3 axes, X, Y and Z.
-Rotate X : Rotate the element around the X axis. Positive number is equal to rotating to the top, negative number for rotating to the bottom.
-Rotate Y : Rotate the element around the Y axis. Positive number is equal to rotating to the right, negative number for rotating to the left.
-Rotate Z : Rotate the element around the Z axis. Positive number is equal to rotating to the right, negative number for rotating to the left.
: The scale effect can be used to change the element size either vertically or horizontally.
-Scale X : This control can be used to scale the element horizontally.
-Scale Y : This control can be used to scale the element vertically.
: The skew effect can be used to create a distortion effect for your content.
-Skew X : This can be used to create a horizontal distortion effect. Positive number is equal to a distortion to the left, a negative number to the right.
-Skew Y : This can be used to create a vertical distortion effect. Positive number is equal to a distortion to the top, a negative number to the bottom.
Get Help From Professionals
Can't find what you are looking for?
If you can't find what you are looking for any our documentation website, please feel free to open a support ticket & get help from our support team.
Open a Ticket
Open a Ticket
WHO ARE WE ?
We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.
