css3滤镜有哪些

CSS3滤镜是指一种用于图片和文字的特殊效果，可以通过在CSS样式表中添加一些代码来实现。CSS3滤镜可以用来调整图片或文本的色彩、对比度、亮度等特征，以及增加阴影、模糊等效果。现在，我们将会介绍一些常用的CSS3滤镜。

img {
    /* 灰度效果 */filter: grayscale(100%);
}

这段代码能够将一个图片的颜色全部变为灰色。grayscale属性的值范围从0%到100%（100%表示完全灰度），这意味着您可以控制图像的灰度程度。

img {
    /* 色相旋转效果 */filter: hue-rotate(90deg);
}

这段代码将会将图片的颜色轮廓旋转90度，也就是让图片的颜色偏红色。hue-rotate属性的值范围从0deg到360deg。

img {
    /* 阴影效果 */filter: drop-shadow(5px 5px 5px #000);
}

这段代码将会在图片下方加上一个黑色阴影。drop-shadow属性的值有两个参数：水平和垂直偏移量（以像素为单位），以及模糊半径（其值必须是正数），最后是阴影的颜色。

img {
    /* 模糊效果 */filter: blur(5px);
}
    

这段代码能将图片模糊5像素。blur属性的值将用于产生模糊效果的像素数量。

这些只是CSS3滤镜中的一小部分效果，您可以根据自己的需要来选择不同的滤镜效果。要了解有关CSS3滤镜的更多信息，请访问w3school官网。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！