## 选择器
### 图片形状选择器
“`css
width: 200px;
height: 200px;
background-size: cover;
background-position: center;
-o-transform: rotate(45deg);
-s-transform: rotate(45deg);
-m-transform: rotate(45deg);
transform: rotate(45deg);
上面的代码将创建一个圆形背景,并将其旋转45度。
### 变形选择器
“`css
width: 200px;
height: 200px;
background-size: cover;
-o-transform: scale(1.2);
-s-transform: scale(1.2);
-m-transform: scale(1.2);
transform: scale(1.2);
上面的代码将创建一个图片大小为1.2倍。
### 旋转选择器
“`css
width: 200px;
height: 200px;
background-size: cover;
-o-transform: rotate(45deg);
-s-transform: rotate(45deg);
-m-transform: rotate(45deg);
transform: rotate(45deg);
上面的代码将创建一个图片旋转45度。
## 属性
### 图片形状属性
`background-size` 可以用于设置图片的大小。例如:
“`css
width: 200px;
height: 200px;
background-size: cover;
上面的代码将创建一个圆形背景,并将其设置为图片大小。
### 变形属性
`scale` 可以用于控制图片的变形。例如:
“`css
width: 200px;
height: 200px;
background-size: cover;
-o-transform: scale(1.2);
-s-transform: scale(1.2);
-m-transform: scale(1.2);
transform: scale(1.2);
上面的代码将创建一个图片大小为1.2倍。
### 旋转属性
`transform` 可以用于控制图片的旋转。例如:
“`css
width: 200px;
height: 200px;
background-size: cover;
-o-transform: rotate(45deg);
-s-transform: rotate(45deg);
-m-transform: rotate(45deg);
transform: rotate(45deg);
上面的代码将创建一个图片旋转45度。