利用filter属性实现黑暗模式

马黑黑

花飞飞 发表于 2025-4-17 20:09
看到了，跟贴子里按纽一样啊，这个按纽可以各种设计。。
现在是不够圆滑。。。好方正。跟个标 ...

精雕细琢不合适功能介绍性的小文章

花飞飞

马黑黑 发表于 2025-4-17 20:07
差不多是一个原理。还可以细细琢磨，弄出效果更理想的暗夜模式

我特意关了灯对比试看看，无暗黑的网眼比较刺眼。。。有暗黑的就舒服多了。。
这怎么让它永远存在呢，因为晚上上网的多。

花飞飞

马黑黑 发表于 2025-4-17 20:08
其实他的子女也都不服他，只是出于对未来遗产的追求，都屁颠屁颠地支持而已

这么说必须的，应该的，还得特别听话。

花飞飞

马黑黑 发表于 2025-4-17 20:10
其实上个世纪就已经实现了。那时，有重要人物去追随老马了，都会临时将网页弄成黑白的，那个就是黑暗模式 ...

这个我知道啊。那是特殊时间的特殊处理。。
但屏幕前的人不能操作啊，只是被动接收而已

红影

网页变黑暗模式还挺好，试了一些带图片的，变了以后好怪异啊

花飞飞

马黑黑 发表于 2025-4-17 20:11
精雕细琢不合适功能介绍性的小文章

明白，想要自己改呗。。可惜我不会哪。
我最多给它加个圆角。。border-radius: 15px;
刚加了，好看多了。

马黑黑

红影 发表于 2025-4-17 20:15
网页变黑暗模式还挺好，试了一些带图片的，变了以后好怪异啊

是的，有时候像幽灵一样

马黑黑

花飞飞 发表于 2025-4-17 20:18
明白，想要自己改呗。。可惜我不会哪。
我最多给它加个圆角。。border-radius: 15px;
刚加了，好看多了 ...

还有，padding 是内边距，一般 上下小一点、两头大一点，padding: 4px 8px;

马黑黑

花飞飞 发表于 2025-4-17 20:15
这个我知道啊。那是特殊时间的特殊处理。。
但屏幕前的人不能操作啊，只是被动接收而已

如果愿意，可以的

红影

我是直接在花潮的试的，我自己的头像都变得好怪

马黑黑

花飞飞 发表于 2025-4-17 20:14
这么说必须的，应该的，还得特别听话。

马黑黑

红影 发表于 2025-4-17 20:22
我是直接在花潮的试的，我自己的头像都变得好怪

这回会用 F12 了吧

花飞飞

马黑黑 发表于 2025-4-17 20:23

看在钱的份上呗。。有钱能使唤中微子听话。。

花飞飞

马黑黑 发表于 2025-4-17 20:21
还有，padding 是内边距，一般 上下小一点、两头大一点，padding: 4px 8px;

果然更好看。。。。小巧灵珑的。。
发现切换的时候连按纽颜色一起切了。

花飞飞

马黑黑 发表于 2025-4-17 20:22
如果愿意，可以的

现在的确可以了。。。还是要敢想

马黑黑

花飞飞 发表于 2025-4-17 20:45
现在的确可以了。。。还是要敢想

DevTools面板就是用来做调试用的

马黑黑

花飞飞 发表于 2025-4-17 20:44
果然更好看。。。。小巧灵珑的。。
发现切换的时候连按纽颜色一起切了。

因为是基于body标签的，按钮是它的子元素

马黑黑

花飞飞 发表于 2025-4-17 20:37
看在钱的份上呗。。有钱能使唤中微子听话。。

红影

马黑黑 发表于 2025-4-17 20:23
这回会用 F12 了吧

只会用这一个啊，别的还是不会

红影

马黑黑 发表于 2025-4-17 20:20
是的，有时候像幽灵一样

图图用这模式真的有点怪