下面就是各种对照片的效果。可以单个调试 也可以像我一样做出魔鬼般的艺术照。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<style type="text/css" media="screen">
/*-webkit-filter: grayscale(1);*//*照片变成灰色效果*/
/*-webkit-filter: blur(2px);*//*照片模糊效果*/
/*-webkit-filter: drop-shadow(6px 6px 20px black);/*照片阴影效果*/
/*-webkit-filter: sepia(1);/*照片褐色滤镜效果*/
/*-webkit-filter: brightness(1.5);/*照片亮度效果*/
/*-webkit-filter: contrast(2.3);/*照片对比效果*/
/*-webkit-filter: hue-rotate(60deg);/*照片色相效果*/
/*-webkit-filter: invert(0.2);/*照片反相效果*/
/*-webkit-filter: saturate(3.3);/*照片饱和度效果*/
/*-webkit-filter: opacity(0.6);/*照片透明度效果*/
img{
width: 500px;
-webkit-filter: grayscale(1) blur(2px) drop-shadow(6px 6px 20px black) sepia(1) brightness(1.5) contrast(2.3) hue-rotate(60deg) invert(0.2) saturate(3.3) opacity(0.6);
}
</style>
<body>
<div>
<img src="https://military.hzutv.com/Public/Upload/Gallery/2017-02-17/58a6932ddfac1.jpg" alt="" />
</div>
</body>
</html>