这是一篇涉及CSS滤镜效果的
filter: contrast()： 调整图像的对比度。
filter: blur()： 给图像设置高斯模糊效果。
<style type="text/css"> ??img{ ???float: left; ??} ??#img2 { ???filter: blur(5px); ??} ??#img3 { ???filter: opacity(.8); ??} ??#img4 { ???filter: brightness(1.5); ??} ??#img5 { ???filter: contrast(110%); ??} ??#img6{ ???filter: blur(10px) brightness(80%) opacity(.8); ??} ?</style>
<body> ?<div id="img1"> ??<img src="img/img_11-01.jpg"/> ?</div> ?<div id="img2"> ??<img src="img/img_11-01.jpg"/> ??</div> ?<div id="img3"> ??<img src="img/img_11-01.jpg"/> ??</div> ?<div id="img4"> ??<img src="img/img_11-01.jpg"/> ??</div> ?<div id="img5"> ??<img src="img/img_11-01.jpg"/> ??</div> ?<div id="img6"> ??<img src="img/img_11-01.jpg"/> ??</div> </body>
原图如下：
以下为效果图：
CSS滤镜效果
原文地址：http://www.cnblogs.com/shengnan-2017/p/7670362.html