前言常用的搜索图标是一个放大镜，不需要任何文字描述，人们就知道点击它进行搜索。很久之前看到一个奇妙的搜索图标，点击之后放大镜的圈会展开成为一个搜索框，而放大镜的柄会变成一个叉，点击之后就可以整个再折叠回去。当初看到的时候感到很有趣，前不久又想起来，决定复刻一下示例 实现思路是用伪元素充当放大镜的柄，但可惜的是，<input type="text">并...

前言SVG 意为可缩放矢量图形（Scalable Vector Graphics），使用 XML 格式定义图像。在 Html 中，使用标签<svg></svg>来描述一个 SVG 图形，不会因为放大而牺牲该图形质量。由于不同的描述方法，SVG 图形通常比 JPG 格式小，尽管描述图形的代码有时候会很长。由于 SVG 格式额外记录了该图形的作画步骤，我们可以用它实现一些...

前言计算机通过文件的后缀名识别文件类型，而对于我们人类来说，抽象化的图标才更直观在vscode的资源管理器中，文件名的左侧就有这样的一系列图标，它们由文件的后缀名决定。有些特殊的文件（如README.md、LICENSE）也会有特殊的图标，能让人快速定位到它们在网页上，我们也可以为代码块标记语言类型，让文章的结构更加清晰步骤在Microsoft官网的vscode文档中可以查到，这些图标是se...

在手机浏览器上加载的时候经常看到顶部有一个表示加载进度的蓝色条，而平时浏览器右侧的进度条又不够显眼，因此便想到模拟一个我们可以用一个<div>表示进度条，其width占屏宽的比就可以表示进度<div class="scroll-bar"></div>把它固定到顶上，默认会从左向右延伸，如果被遮挡可以将z-index属性改大.scroll...

示例实现开关按键的原型是一个复选框它的默认样式是这样的<input type="checkbox">CSS中的选择器语法为input[type=checkbox]{ }即type值为"checkbox"的<input>先去掉它的默认样式appearance: none;需要注意的是，复选框默认采用的是怪异盒模型（即width与...

前言由于少女前线更新了文件结构和打包方式并且更新了live2d版本，原来的方法已经不适用了（还是要感谢Perfare大佬）。再来这两年更新了大量皮肤（找文件就花了我半天时间），于是重制了这篇文章。预先准备UnityLive2DExtractor.v1.0.3在文末提供下载步骤打开手机或模拟器，live2d文件位于Android/data/com.sunborn.girlsfrontline....

github地址：https://github.com/Pelom777/Typecho-Plugin-Cheshire使用方法将项目文件夹重命名为Cheshire，并放到/usr/plugins中，在后台设置并启用插件即可。支持交互光标悬浮拖拽移动单击页面闲话由于只是接口上用了php，所以放在别的地方也能用目前功能很少，如果有想法可以提issue