CSS怎么添加图片滤镜

今天小编给大家分享一下CSS怎么添加图片滤镜的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

　　图片滤镜

　　CSS filter 属性用为元素添加可视效果 (例如：模糊与饱和度) 。

　　注意: Internet Explorer 或 Safari 5.1 (及更早版本) 不支持该属性。

　　实例

　　修改所有图片的颜色为黑白 (100% 灰度):

　　img {

　　-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */

　　filter: grayscale(100%);

　　}

　　响应式图片相册

　　实例

　　.responsive {

　　padding: 0 6px;

　　float: left;

　　width: 24.99999%;

　　}

　　@media only screen and (max-width: 700px){

　　.responsive {

　　width: 49.99999%;

　　margin: 6px 0;

　　}

　　}

　　@media only screen and (max-width: 500px){

　　.responsive {

　　width: 100%;

　　}

　　}

以上就是“CSS怎么添加图片滤镜”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注亿速云行业资讯频道。