这是一篇涉及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>
原图如下：
以下为效果图：
