调照片的颜色模糊效果亮度效果等等

最新推荐文章于 2021-12-16 23:23:52 发布

施主请别摸老衲的脸

最新推荐文章于 2021-12-16 23:23:52 发布

阅读量315

点赞数

分类专栏： HTML css

本文链接：https://blog.csdn.net/qq_36591333/article/details/82867885

版权

css 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

HTML

9 篇文章 0 订阅

订阅专栏

下面就是各种对照片的效果。可以单个调试也可以像我一样做出魔鬼般的艺术照。。

<!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>

施主请别摸老衲的脸

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
调照片的颜色模糊效果亮度效果等等

下面就是各种对照片的效果。可以单个调试也可以像我一样做出魔鬼般的艺术照。。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;/head&gt; &lt;style type="text/css
复制链接

扫一扫