首页 >

css更改图片形状 |css3三角生成工具

css搭配面霜,css设计动画演示,css操作方法,h1居中css,css中导入外部文件路径,css属性的默认值,css3三角生成工具css更改图片形状 |css3三角生成工具

## 选择器

### 图片形状选择器

“`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度。


css更改图片形状 |css3三角生成工具
  • css红色的颜色值 |css 自动加序号
  • css红色的颜色值 |css 自动加序号 | css红色的颜色值 |css 自动加序号 ...

    css更改图片形状 |css3三角生成工具
  • css 声音 |css调用不同css样式
  • css 声音 |css调用不同css样式 | css 声音 |css调用不同css样式 ...

    css更改图片形状 |css3三角生成工具
  • css图片设置上下居中 |css3 3d转2d
  • css图片设置上下居中 |css3 3d转2d | css图片设置上下居中 |css3 3d转2d ...