-webkit-filter

页面置灰（PC后台、微信小程序）

接到需求真的是一脸懵，不过百度之后恍然大悟，感叹CSS3是个好东西，也让我学会一个新属性filter滤镜；1、filter属性使用filter属性定义了元素的可视效果，例如：模糊、饱和度等；body{-webkit-filter
三个木马人·2023-04-04 00:35

css 使图片变模糊

.blur{filter:url(blur.svg#blur);/*FireFox,Chrome,Opera*/-webkit-filter:blur(10px);/*Chrome,Opera*/-moz-filter
charmingcheng·2023-04-02 03:26

网站颜色整体变灰

html,body{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter
嘿是我呀·2023-03-30 09:30

css -webkit-filter: blur(10px); 和 filter: blur(10px); 动态设置bug解决

今天要个需求就是点击按钮背景是高斯模糊,电脑上调试都ok.切换到手机调试就会发现,其中任意两个按钮互相切换的时候,上一个按钮四周会出现高斯模糊不消失.后来发现只要添加box-shadow这个属性就可以解决这个问题
Sh1mmer·2023-03-30 02:06

哀悼日代码

标签插入如下代码style="filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter
道法自然_1979·2023-03-16 04:11

如何使网页变为黑白页面

html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-fi
采叶小火·2023-02-18 01:48

OpenLayers之popup弹出框

向地图添加一个单击处理程序以呈现弹出窗口添加一个单击处理程序来隐藏弹出窗口html文件popup弹出框.map{width:100%;height:90%;}.ol-popup{position:absolute;background-color:white;-webkit-filter
多智而近妖精·2023-01-31 02:09

修改网站为(黑白)灰色代码

请维护人员及时删除或注释掉*/filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:grayscale(100%);-webkit-filter
剩饭·2023-01-30 13:33

整站网页变黑白色

支持IE、google、firefox、Safari浏览器html,img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter
新新_6261·2023-01-30 02:40

如何实现网站首页变为黑白色？

看了下CSDN页面的源代码，发现有如下样式设置：html{-webkit-filter:grayscale(100%);/
迷糊的小小淘·2023-01-08 21:32

CSS_CSS让整个网页成灰色

html{filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-filter:grayscale
小歪 | 前端·2022-12-21 08:53

HTML 页面全局置灰

html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:
ル･ิ梁 ☞℡·2022-12-21 08:52

html页面整体变灰,整个页面html变灰

*{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);-moz-filter
yuxin tong·2022-12-21 08:50

让整个网页（LOGO图片）色调全部变灰的方法（CSS写法）

月涯，这个比较完善了：html{overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter
weixin_30621919·2022-12-21 08:19

前端页面置灰实现方法，整个页面置灰效果css，页面灰色样式

端是实现了相应的效果，pc端对于ie10及以下的版本，是无法兼容的，如果有哪位大佬可以兼容ie10，可以吧代码分享在评论区，一起帮助大家解决问题html{filter:grayscale(100%);-webkit-filter
前端攻城狮路飞·2022-12-21 08:40

让整个网站变成灰色的做法

方法一，html{-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=
WangZCII·2022-12-21 08:04

网页整体置灰

html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:
Miss ф·2022-12-21 08:32

除了 filter 还有什么置灰网站的方式？

像是这样，我们仅仅需要给HTML添加一个统一的滤镜即可：html{filter:grayscale(.95);-webkit-filter:grayscale(.95);}又或者，使用SVG滤镜，也可以快速实现网站
·2022-12-14 22:28

看看大佬是如何用一行代码实现网页变灰的效果的

实现方式html.gray{-webkit-filter:grayscale(.95);}1234如果将这行代码取消，就会发现网站页面的重新还原回来了。
临西王承志·2022-12-08 08:07

【前端】一行代码实现网站网页变黑白灰效果

在html标签下增加CSS样式就可以实现网页秒变灰的效果html{-webkit-filter:grayscale(100%);}为了适配不用的浏览器类型，可以补充一下，兼容性更高html{-webkit-filter
HelenLee01·2022-12-08 08:06

PHP网站屏幕变灰,网站全局变灰代码

html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:
Jemmryx·2022-12-08 08:06

纪念日或悼念人网页变灰仅需一行代码

纪念日或悼念人网页变灰仅需一行代码1、CSS代码body,html{filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);-webkit-filter
向天再借500年V·2022-12-08 07:34

网站颜色变黑方案

1HTML中添加filterhtml{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);
Arog·2022-12-06 16:00

哀悼，网站如何变成灰色，怎么实现？其实很简单，一行css就可以搞定

如何实现你们可以打开网页的源代码会发现都有个-webkit-filter:grayscale(xx);的样式代码，将他取消勾选页面颜色就正常了CSDN的也是用的这个样式,内容如下：html{-webkit-filter
哒不溜-w·2022-12-05 08:19

网站一键置灰实现

html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale
芒果芒果丶·2022-12-05 07:07

一键让网页变黑白色调

html{-webkit-filter:grayscale(100%);}我们无论通过什么方式，比如找到
hcoke·2022-12-05 07:37

网页整体如何实现网页变灰效果

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);
58soho_cn·2022-12-05 07:37

必备技能11：网页一键变灰

其实很简单，稍微琢磨以下，就一行代码即可满足的你的好奇心，并为您答疑解惑，不说废话先摆上这个行神奇的代码：-webkit-filter:grayscale(100%);2演示那么如何实现呢？
小薛引路·2022-12-05 07:37

网页滤镜 css3--filter 黑白效果

body.memorial>*{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter
bug你好·2022-12-04 15:23

整个网页变黑白的CSS代码

head标签里面3.网页黑白代码外部样式,写入css文件请用*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter
BlueKitty1210·2022-12-04 15:52

css3滤镜属性filter让网页变黑白

给全局的html添加黑白色html{-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-filter
前端小趴菜的成长记录·2022-12-04 15:51

css给网页添加 黑白滤镜

grayscale");/*兼容IE内核*/filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*兼容其它，谷歌之类的*/-webkit-filter
weixin_30588675·2022-12-04 15:18

CSS3滤镜——页面黑白灰度处理

html,body{-webkit-filter:grayscale(1);/*Chrome,Safari,O
晴空排云·2022-12-04 15:14

css滤镜实现页面灰色黑白色效果代码

代码如下:html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1
hellowindowns·2022-12-04 15:43

HTML网页黑白滤镜

HTML网页黑白滤镜给html标签添加黑白滤镜实现全站黑白效果html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter
Luke_TEDA·2022-12-04 15:42

grayscale.js插件使页面变灰

对于多数浏览器而言，使用以下代码即可使页面变灰/*页面变灰*/#body{-webkit-filter:grayscale(100%);/*Chrome,Safari,Opera*/-ms-filter
前端@小菜·2022-12-04 11:32

将整个网站（包括子页）变为黑白色

1.将整个网页设为黑白色代码如下：-webkit-filter:grayscale(100%); 2.将整个网页在一个时间设为黑白色代码如下：$(function(){ vargetdate=newDate
susan花雨·2022-12-04 11:32

全国哀悼日，网站变黑白完美兼容IE，亲测有效

首先在你的页面头部里面加入如下代码，不加的话IE11就嗝屁了：然后在css文件里加入如下代码：body{-webkit-filter:grayscale(100%);}html{-webkit-filter
啊哈，上帝哦·2022-12-04 11:32

网站风格变黑白的方法，用css或javascript方法将网站改为灰色

用下面的方法即可1.通用方法body{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%
暂时先用这个名字·2022-12-04 11:32

除了 filter 还有什么置灰网站的方式？

像是这样，我们仅仅需要给HTML添加一个统一的滤镜即可：html{filter:grayscale(.95);-webkit-filter:grayscale(.95);}又或者，使用SVG滤镜，也可以快速实现网站
·2022-12-03 12:05

各大页面重要时刻紧急变灰处理

打开css代码然后我们在body上定义{filter:grayscale(.95);-webkit-filter:grayscale(.95);}就成了。。。
·2022-12-01 13:50

纪念日修改网站灰色

header中加入样式：html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%
·2022-12-01 10:27

CSS 实现哀悼模式

给html元素添加下面的样式实现哀悼模式（黑白模式）.sad-theme{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter
枫_d646·2022-03-21 19:23

CSS drop-shadow 实现动态图标颜色

img{position:relative;width:50px;/*left:-50px;*/-webkit-filter:
十万个维他奶·2021-11-04 11:06

纯CSS代码将整个网站页面变成黑白色整站灰色

html{-webkit-filter:grayscale(100%);}如果你的网站没有引用css文件，那么就可以直接引用下面这段html代码上面的CSS代码可能只对主流浏览器支持，如果你需要支持QQ
戬谷stone·2021-06-25 02:02

一行代码实现网页变灰

原图一行代码变灰术：灰质图片-webkit-filter:grayscale(1)就这么顺利的完成了，就是给加了上面的样式而已。这里用到的是css3的滤镜，那我们顺便看看滤镜的其他用法吧！
小白成长计划·2021-06-24 15:53

JS+CSS3手写滤镜，皮一下还是很开心的

首先，先在css中设置默认的初始滤镜，使用css3中的filter特性：#img{-webkit-filter:grayscale(0%)brightness(100%)contrast(100%)saturate
眠九·2021-06-20 05:40

web网站整体变灰色仅仅需要两行代码

但作为一个前端人员，你必须知道怎么快速实现，而不能一个页面一个页面去设置样式，其实，仅仅需要下面的代码即可实现：html{/*网页全部设置灰色*/-webkit-filter:grayscale(100%
尔嵘·2021-05-26 14:20

用drop-shadow实现SVG（改变png图片颜色）

包裹层.wrap的overflow:hidden2.设置.icon样式position:relative;left:-240px;border-right:240pxsolidtransparent;-webkit-filter
歐吉桑愛設計·2021-05-18 04:28

全屏变灰

body{-webkit-filter:grayscale(100%);/*webkit/-moz-filter:grayscale(100%);/firefox/-o-filter:grayscale
yzc123446·2021-05-05 14:45
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他