a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);} ...
分类：
Web程序 时间：
2020-04-06 23:36:39
阅读次数：
167
网站变灰实现： 1 html { 2 -webkit-filter: grayscale(100%); 3 -moz-filter: grayscale(100%); 4 -ms-filter: grayscale(100%); 5 -o-filter: grayscale(100%); 6 fil ...
分类：
Web程序 时间：
2020-04-06 20:31:27
阅读次数：
74
.account { width: 400px; margin-top: 30px; margin-left: auto; margin-right: auto; border: 1px solid #f0f0f0; padding: 10px 30px 30px 30px; -webkit-box ...
分类：
其他好文 时间：
2020-04-06 15:57:17
阅读次数：
93
html.gray { -webkit-filter: grayscale(.95); } 兼容性 html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); - ...
分类：
Web程序 时间：
2020-04-06 11:39:31
阅读次数：
89
方法一： 1 <html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);"> 方法二： body *{ -webkit-filter: ...
分类：
Web程序 时间：
2020-04-05 20:46:54
阅读次数：
97
TA就是，HTML解释器 从WebKit内核的HTML解释器的角度来看HTML。了解HTML文档是如何从字节流，一步步到DOM树的。理解这个过程，很多前端开发时一知半解的问题都能够很好地理解了。 总览解释过程 首先HTML解释器接受到的是字节流（Bytes），经过解码之后是字符流（Character ...
分类：
Web程序 时间：
2020-04-05 18:35:17
阅读次数：
97
2020.04.04国家把这天定为全国哀悼日后，你会发现好多网站的网页变灰了！！！ 那么具体是怎么实现的呢？ 其实只要全局给HTML 或者body添加个样式就可以啦 一、类名添加法，代码如下 .grayColor{ -webkit-filter: grayscale(100%); -moz-filt ...
分类：
Web程序 时间：
2020-04-05 12:05:52
阅读次数：
188
由滚动条引发的一次技术性熬夜?? 实现代码 HTML CSS 作者：看到请叫我不要熬夜 链接：https://www.jianshu.com/p/c2addb233acd 来源：简书 解析： webkit linear gradient线性渐变，菜鸟教程快速上手?? https://www.runo ...
分类：
Web程序 时间：
2020-04-05 09:34:09
阅读次数：
114
骅骝漫轻舞001 1 <style> 2 html { 3 -webkit-filter: grayscale(100%); 4 -moz-filter: grayscale(100%); 5 -ms-filter: grayscale(100%); 6 -o-filter: grayscale(1 ...
分类：
Web程序 时间：
2020-04-04 18:37:37
阅读次数：
76
其实将整个网页全局变色，无非就是三种，css直接设置，添加svg滤镜，通过js遍历所有标签更改颜色，于是 1、css 直接编辑样式，然后在需要应用的地方设置class 1 .gray { 2 -webkit-filter: grayscale(100%); 3 -moz-filter: graysc ...
分类：
Web程序 时间：
2020-04-04 15:02:52
阅读次数：
186
