Shulou(Shulou.com)06/01 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.