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

This article is to share with you about css3 how to achieve rotating images, the editor feels very practical, so share with you to learn, I hope you can get something after reading this article, say no more, follow the editor to have a look.

Code block

Html page:

Rotate image

The pulpit rock inLysefjorden,Norway.

Monterosso al Mare. One of the five villages in Cinque Terre.

Css style:

Body {

Margin:30px

Background-color: # E9E9E9

}

Div.polaroid {

Width: 294px

Padding: 10px 10px 20px 10px

Border:1px solid # BFBFBF

Background-color: # F0F8FF

Box-shadow: 4px 4px 6px # aaa

Border-radius: 5px

}

Div.rotate_left {

Float: left

-ms-transform:rotate (7deg)

-webkit-transform:rotate (7deg)

Transform:rotate (7deg)

}

Div.rotate_right {

Float: left

-ms-transform:rotate (- 10deg)

-webkit-transform:rotate (- 10deg)

Transform:rotate (- 10deg)

}

This is how css3 rotates the image. The editor believes that there are some knowledge points that we may see or use in our daily work. I hope you can learn more from this article. For more details, please follow the industry information channel.

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.