CSS3 用户界面、图片、按钮

一、CSS3用户界面：

在CSS3中，增加了一些新的用户界面特性来调整元素尺寸、框尺寸和外边框。CSS3用户界面属性：resize、box-sizing、outline-offset。

1、resize：

resize属性指定一个元素是否应该由用户去调整大小。

2、box-sizing：

box-sizing属性允许以确切的方式定义适应某个区域的具体内容。

3、outline-offset：

outline-offset属性对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓。轮廓与边框有两点不同：轮廓不占用空间；轮廓可能是非矩形。

CSS3用户界面特性： 

二、CSS3图片：

1、圆角图片：

2、缩略图：

3、响应式图片：

响应式图片会自动适配各种尺寸的屏幕。图片放大的尺寸不大于其原始的最大值。

4、图片文本：

5、卡片式图片：

6、图片滤镜：

Css filter属性为元素添加可是效果（如模糊、饱和度）

7、响应式图片相册：

8、图片模态：

三、CSS3按钮：

1、按钮颜色：

2、按钮大小：

3、圆角按钮：

4、按钮边框颜色：

5、鼠标悬停按钮：

6、按钮阴影：

7、禁用按钮：

8、按钮宽度：

9、按钮组：

10、带边框按钮组：

11、按钮动画：

波纹效果：

按压效果：