css3图像

• <image>
• 2D图形数据类型。CSS的<image>数据类型描述的是2D图形。在CSS中有两种类型的图像：简单的静态图像，经常被一个在使用的URL引用，动态生成的图像，比如DOM树的部分元素样式渐变或者计算样式产生。

• image()CSS3
• 指定图像或者图像替代。指定图像或者图像替代。

• image-set()CSS3
• 匹配合适的图像。image-set()可以根据用户设备的分辨率匹配合适的图像。

• grayscale()CSS3
• 把图片转化为灰度图。对图片进行灰度转换

• blur()CSS3
• 模糊图像。CSS blur() 函数对输入图像应用高斯模糊

• brightness()CSS3
• 让图像更明亮或更暗淡。CSS brightness() 函数对输入图像应用线性乘法器，使其看起来更亮或更暗

• drop-shadow()CSS3
• 在图像后方应用投影。用重复的径向渐变创建图像。

• image-renderingCSS3
• 图像缩放算法。CSS 属性 image-rendering 用于设置图像缩放算法。它适用于元素本身，适用于元素其他属性中的图像，也应用于子元素。

• object-fitCSS3
• 适应到其使用的高度和宽度确定的框。object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。

• object-positionCSS3
• 设置对象在其框中的位置。CSS 属性 object-position 规定了可替换元素的内容，在这里我们称其为对象（即 object-position 中的 object），在其内容框中的位置。

• filter
• 滤镜。设置或检索对象所应用的滤镜效果。