CSS 网页变灰效果
CSS HTML 大约 602 字滤镜函数
设置在html
节点,则应用于全局。
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
复合函数
组合任意数量的函数来控制渲染。
filter: contrast(175%) brightness(3%)
兼容性
除IE
外,其他的PC
、手机端的浏览器都支持,Firefox
的 PC、安卓端还单独对SVG
图像加了支持。
filter参数
url
:设置一个SVG
滤镜blur
:高斯模糊brightness
:给图片应用一种线性乘法,使其看起来更亮或更暗contrast
:调整图像的对比度drop-shadow
:给图像设置一个阴影效果opacity
:转化图像的透明程度sepia
:将图像转换为深褐色grayscale
:灰色图像
参考
阅读 1218 · 发布于 2020-04-06
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
iframe 直接加载 HTML 代码阅读 670
-
Git 提示 error failed to push some refs to git@github.com阅读 2072
-
软考-系统架构设计师:存储管理-段页式存储组织阅读 2466
-
PostgreSQL 对数组字段增删改查阅读 3724
-
Docker WARNING IPv4 forwarding is disabled. Networking will not work阅读 275
-
Android EditText 软键盘回车键变成搜索键阅读 1778
-
IDEA Skipped breakpoint because it happened inside debugger evaluation阅读 169
-
PHP查看配置文件所在位置阅读 877
-
Linux中/bin、/sbin、/usr/bin、/usr/sbin、/usr/local/bin、/usr/local/sbin 目录的含义及区别阅读 660
-
VMware 虚拟机固定 IP阅读 1379