booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Extensions - Element CSS Transform

Element CSS Transform

Preview Extension
Preview Extension
What is Element CSS Transform?
Where can I find the extension?
Element CSS Transform Settings

More Extensions

• Particle Effects
• Background Parallax
• Animated Gradient
• Reading Progress

What is Element CSS Transform?

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.

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

FOLLOW US

Email : contact@certaindev.com

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020