hlcX's Blog
my note!
Toggle navigation
hlcX's Blog
2.学习
4.群晖
5.CentOS7
6.rasperryPI
linux-mint
关于
归档
标签
整个网页变黑白和单张图片变黑白
黑白
css
2020-02-17 09:35:16
4
0
0
hlcx
黑白
css
> 我的群晖导航页做好了,但是我对做图软件不熟悉,所以做不出好看的图标,从网上扒啊,总找不到统一的风格的。后来想到所有图标用黑白不就至少在颜色上统一了吗! # 一、整页面变黑白 ``` <head> . . . <style> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none; } </style> . . . </head> ``` - 改变前 ![title](/api/file/getImage?fileId=5e49efa7bfb54f0a3c0001d3) - 改变后 ![title](/api/file/getImage?fileId=5e49efccbfb54f0a3c0001d4) # 二、想保留大背景色彩,只改图标为黑白 ``` <head> . . . <style> .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } </style> . . . </head> <body> . <img src="images/synology.jpg" class="gray" alt="img"> . </body> ``` - 只改图标的效果 ![title](/api/file/getImage?fileId=5e49f134bfb54f0a3c0001d5)
上一篇:
centos图形界面的开启和关闭
下一篇:
surface go重置方法
0
赞
4 人读过
新浪微博
微信
腾讯微博
QQ空间
人人网
提交评论
立即登录
, 发表评论.
没有帐号?
立即注册
0
条评论
More...
文档导航
没有帐号? 立即注册