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.
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”.
The transform-origin property sets the origin for an element’s transformations. You can specify it with percentage or pixels.
The backface visibility property sets whether the back face of an element is visible when turned towards the user.
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.