css 图像

• <image>
• 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-rendering CSS3
• CSS 属性 image-rendering 用于设置图像缩放算法。它适用于元素本身，适用于元素其他属性中的图像，也应用于子元素。

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

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

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