ABSTRACT

Transforming elements in Cascading Style Sheet (CSS) refers to the modification of their coordinates, in order to translate, rotate, scale, or skew them. Transformation can be in a two-dimensional (2D) or three-­dimensional (3D) space. The 2D space is described in terms of two dimensions: horizontal and vertical; while the 3D space in three dimensions: horizontal, vertical, and depth. The two main properties used to achieve transformation are transform-origin and transform. The properties used to enhance the perception of 3D include transform-style and backface-visibility. The position of the origin has an effect on the result of a transform operation. By default, the origin of an element is at its center. The backface-visibility property is non-­inherited and used to specify whether or not the backface of an element should be visible, making it look as if it is being reflected in a mirror.