老板：你也把咱们网站弄成灰色—

从昨天下午开始，我们打开各种网站后都是灰色的，我们讲解一下如何用技术手段使网页变灰色。

//分析：我们网站的元素大多数都是img标签和其他文字行标签，文字我们直接使用color:#ccc就可以更改，图片不可能每张都更换成灰色背景，那非常不现实，一张一张改起来是多大的工程。所以一定是使用类似蒙层，滤镜的东西把原本的色彩遮罩。

利用css3属性 filter:

其实只需要一行代码就可以使网页变灰，我们利用css属性中的过滤器filter就可以实现

filter: grayscale(100%);
复制代码

grayscale是将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0；

这是几年前我仿写的淘宝页，设置100%后效果对比一下

老板：你也把咱们网站弄成灰色——网站变灰色如何实现相关推荐

http网站转换成https网站
https,https的本地测试环境搭建,asp.net结合https的代码实现,http网站转换成https网站之后遇到的问题一:什么是https SSL(Security Socket ...
如何快速把整站英文网站翻译成中文网站？
软件介绍英文网站翻译成中文网站,本软件是通过百度翻译接口,将英文网页翻译成中文网页,并保持原页面的样式. 软件配置打开软件>选项>找到"网页翻译"下的"英 ...
手机网站制作：PC网站怎么转成手机网站
随着智能手机的普遍使用,移动互联网用户的数量随之猛增.当我们关注PC电脑网站制作的时候,一定不要忘了制作一个手机网站.这样我们的网站用户就可以轻松使用手机浏览我们自己做的网站了. 很多站长之前是制作了 ...
egret如何把按钮弄成灰色
遇到一个有意思的需求,就是一个按钮如果想要弄成灰色的咋办,其实方法有很多,但是我想的是,如何用代码来控制呢,毕竟cocos2d是可以很轻松的完成这个需求的,查了资料发现有一个属性filters,这个官 ...
python代码弄成网站_原创：用python把链接指向的网页直接生成图片的http服务及网站(含源码及思想)...
原创:用python把链接指向的网页直接生成图片的http服务及网站(含源码及思想) 总体思想: 希望让调用方通过 http调用传入一个需要生成图片的网页链接生成一个网页的图片并返回图片链接最终调用 ...
怎么把ppt弄成链接的形式_视频引流的方法,教你怎么用视频引流日引500
大家好,我是聪少,今天来给大家分享一下视频引流的方法,教你怎么用视频引流实现日引500+的粉丝. 文章内容包含这4个部分: 什么是视频引流? 传统视频平台有哪些? 视频引流的原理? 如何实现通过视频 ...
php 开发桌面应用,使用NW将开发的网站打包成桌面应用
# 使用NW将我们开发的网站打包成桌面应用 >[info] NW.js 是Node.js 开发的桌面应用打包工具 > 你可以使用node语言开发桌面应用我这里只是介绍如何将网站包一个本地 ...
庆祝喜提13337000编号，我悄悄把老板的Windows命令行设置成了这样
大家好,我是Lex 喜欢欺负超人那个Lex 擅长领域:python开发.网络安全渗透.Windows域控Exchange架构今日重点:致敬某签喜提神秘编号,我把老板的服务器命令行设置成了喜庆的颜色. ...
【Android】利用爬虫将电影网站打包成一个APP
以前总是通过HDMI线将电脑连接电视看剧看电影,但是每次想快进啊进行一些操作过于麻烦,手机上的APP的资源又太少,于是想到将电影网站打包成一个APP! APP已经差不多做好了,最近也比较忙,没什么时间 ...

老板：你也把咱们网站弄成灰色——网站变灰色如何实现

利用css3属性 filter:

老板：你也把咱们网站弄成灰色——网站变灰色如何实现相关推荐

最新文章

热门文章