Home>Article>Web Front-end> How to set font flip in css3
In CSS3, you can use the transform attribute with the rotate() function to set the font flip. Just set the parameter in the rotate() function to "180deg"; the transform attribute can rotate the element. The rotate() function can define the element rotation style, and the syntax is "font element {transform:rotate(180deg);}".
The operating environment of this tutorial: Windows 10 system, CSS3&&HTML5 version, Dell G3 computer.
In css, if you want to rotate the font 180 degrees, you can use the transform attribute and rotate() function.
Transform is one of the disruptive features in CSS3. It can realize the displacement, rotation, tilt, and scaling of elements, and even supports the matrix method. With transition and animation knowledge to be learned, it can replace a large number of things that could only be done before. Effects that can only be achieved with Flash.
Transform literally means deformation. In CSS3, several operations supported by transform include
(1) Rotate rotate,
(2) Distortion skew,
(3) Scale
(4) Move translate
(5) Matrix transformation matrix.
The rotate() function defines 2D rotation, and the angle is specified as 180 degrees in the parameters.
In the CSS coordinate system, the positive direction of the X-axis is from left to right, the positive direction of the Y-axis is from top to bottom, and the positive direction of the Z-axis is from inside the screen to outside the screen.
When the observer's line of sight is along the positive direction of the In the positive direction of the axis, if rotateY is positive, it means the element rotates counterclockwise, and if it is negative, it means the element rotates clockwise;
When the observer's line of sight is along the positive direction of the Z axis, if rotateZ is positive, it means the element rotates counterclockwise, Negative means the element is rotated clockwise.
The example is as follows:
Document 字体翻转
##(Learning video sharing:
css video tutorial
html video tutorial)
The above is the detailed content of How to set font flip in css3. For more information, please follow other related articles on the PHP Chinese website!