css图片可以实现旋转吗？
在CSS中，可以给图片添加transform:rotate()来实现图片旋转。
transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。
而，rotate(angle)定义 2D 旋转，在参数中规定角度。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div,img,body{
margin: 0;
padding: 0;
}
img.touxiang:hover{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
img.touxiang{
margin: 0 auto;
display: block;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
border-radius:100
}
</style>
</head>
<body><br><br><br><br>
<img src="touxiang.webp" alt=""/>
</body>
</html>效果图：
鼠标放在图片上，旋转180度，可用在头像上
更多web前端开发知识，请查阅 HTML中文网 ！！
以上就是css图片可以实现旋转吗？的详细内容，更多请关注易知道|edz.cc其它相关文章！
