图片滤镜

　　

　　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%;

　　

　　}

　　

　　}