搜索

+

95

-

css如何扭转图片和其他元素？

css html5

请问css如何扭转图片和其他元素？像水里的倒影一样

网友回复

+

15

-

CSS 提供 transform 属性可以实现元素的旋转，包括图片和其他 HTML 元素。

1. 旋转图片：

img {
  width: 200px; 
  height: 150px;
  transform: rotate(45deg); /* 旋转 45 度 */
}

2. 旋转其他元素：

div {
  width: 100px;
  height: 100px;
  background-color: lightblue;
  transform: rotate(-30deg); /* 旋转 -30 度 */
}

解释：

transform: rotate(角度): 用于设置元素的旋转角度。正值表示顺时针旋转，负值表示逆时针旋转。角度单位可以使用 de...

点击查看剩余70%

我知道答案，我要回答

我有问题

最新提问