纯CSS绘制灯泡
上次给博客WordPress添加夜间模式cookie版的时候未添加开关按钮，个人比较喜欢用css绘制的按钮，本站菜单就是，无奈上次找不到css绘制灯泡的例子，于是今天放英文搜，果然还是非中文资源比较多。
演示地址：https://runjs.cn/detail/u5fubp5h
找是找到了，但是不大喜欢，太多的div组成，我喜欢那种直接用after before就能完成的，自己去搞太浪费时间，有现成的话留言告知哈~ 所以最后还是用小图片，效果在本站的右侧边。
赏
转载请注明：https://xptt.com 纯CSS绘制灯泡
分类：网络博客 标签：css,light bulb,wordpress,灯泡,绘制
下一篇：手把手给文章添加TTS朗读功能
好神奇。
@青山 都是人为![[坏笑]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_mrgreen.gif)
@灰常记忆 嗯，从此博客的白天夜间可以随意切换。![[坏笑]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_mrgreen.gif)
@郑永![[囧]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_arrow.gif)
等了好久，终于回复我了？ 个人觉得根据电脑时间判断夜间模式最好。 ![[坏笑]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_mrgreen.gif)
@灰常记忆 很早就看到了，但是手头忙没有回复，记得最近有人说终于收到我的邮件提醒了，我才知道之前邮件提醒都不行，难怪大伙那边作者回复以后还能继续聊，而我这边基本回复完人都没下文了。![[坏笑]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_mrgreen.gif)
要自动，根据当地时间自动![[坏笑]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_mrgreen.gif)
![[坏笑]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_mrgreen.gif)
@老杨 自动已经有了，php不好获取客户端时间，js轻松，但有时候别人不喜欢夜间，可以自己切换。
@郑永 也对，众口难调。
@郑永 自动更好些。一般大晚上的太亮也不好。主题调亮一些就行，比如不要那么暗。
@老虎 已经有自动了哈。
CSS真都无所不能啊，只有你想不到没有他做不到.
@旧日的足迹 嗯嗯，甚至可以加载外部资源，实现点击之类操作。
黑色很酷~~![[耍酷]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_cool.gif)
![[耍酷]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_cool.gif)
@axiu![[耍酷]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_cool.gif)
![[耍酷]](https://xptt.com/wp-content/themes/xptt-feng-2019/images/smilies/icon_cool.gif)
不睡觉模式，哈哈。