How to rotate Image by css3
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.
