

The amount of rotation created by rotateY() is specified by an angle value expressed in degrees, gradians, radians, or turns. The rotateY() CSS function defines a transformation that rotates an element around the ordinate (vertical axis) without deforming it. More info : /en-US/docs/Web/CSS/transform-function/rotateX rotateY() Rotates an element around the vertical axis. RotateX(a) is equivalent to rotate3d(1, 0, 0, a). If positive, the movement will be clockwise if negative, it will be counter-clockwise. The amount of rotation created by rotateX() is specified by an angle value expressed in degrees, gradians, radians, or turns. The rotateX() CSS function defines a transformation that rotates an element around the abscissa (horizontal axis) without deforming it. Rotation (3D) rotateX() Rotates an element around the horizontal axis. More info: /en-US/docs/Web/CSS/transform-function/rotate

The axis of rotation passes through an origin, defined by the transform-origin CSS property. (A rotation by 180° is called point reflection.) The amount of rotation created by rotate() is specified by an angle value expressed in degrees, gradians, radians, or turns. The rotate() CSS function defines a transformation that rotates an element around a fixed point on the 2D plane, without deforming it. Rotation (2D) rotate() Rotates an element around a fixed point on the 2D plane.
