Get meza theme
///Transform

Transform

Add a 2D or 3D transformation to an element.

The transform options lets you move, rotate, scale or skew an element. Without changing the actual dimensions of the element or affecting the other elements.

Transform settings

Selector

Selector default value is “self” it’s referred to the element itself. You change it to any child selector Eg. You have a row and you want to apply transform options for all columns in the row in this case we will change the value of selector to “.column”.

Origin

The transform-origin property sets the origin for an element’s transformations. You can specify it with percentage or pixels.

Backface

The backface visibility property sets whether the back face of an element is visible when turned towards the user.

Perspective

Property determines the distance between the z plane and the user in order to give a 3D-positioned element some perspective. it’s only effect on child elements that has transform properties not the element itself.

Transform in action

Was this article useful?

Yes

No

Last update on: June 6, 2020

Share:

Related Articles

Shadow

Learn how to use shadow control.

Position

Learn how to control in elements position.

Divider

High quality SVG dividers for sections.

Text animation

Learn how to animate text.