How to use the translate () and rotate () methods
This article will explain in detail how to use translate () and rotate (). The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.
Translate () method
The translate () method moves from the current element position based on the parameters given in the left (X axis) and top (Y axis) positions.
Example
Div
{
Transform:translate (50pxmel 100px)
-ms-transform:translate (50pxmae100px); / * IE9*/
-webkit-transform:translate (50pxmae100px); / * SafariandChrome*/
}
The translate value (50pxMagol 100px) moves 50 pixels from the left element and 100 pixels from the top.
Rotate () method
The rotate () method rotates the element clockwise at a given number of degrees. Negative values are allowed so that the element rotates counterclockwise.
Example
Div
{
Transform:rotate (30deg)
-ms-transform:rotate (30deg); / * IE9*/
-webkit-transform:rotate (30deg); / * SafariandChrome*/
}
This is the end of the article on "how to use translate () and rotate ()". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.
