CSS 中旋转一张图片,可以使用 transform: rotate(angle); 属性。
transform: rotate(angle);
img { transform: rotate(45deg); }
其中,rotate(angle) 中的 angle 单位是度数。正值代表顺时针旋转,负值代表逆时针旋转。例如 rotate(45deg) 表示顺时针旋转 45 度。
rotate(angle)
angle
rotate(45deg)
需要注意的是,这个旋转只是视觉上的旋转,并不会真实修改图片的尺寸和方向。并且,旋转是基于元素的中心点进行的。
扫一扫分享
62849
帖子
14
小组
291
积分
发帖
回复
分享