一、最近两个周末都在玩图标
最近两个周末都在和图标打交道。
上个周末在家做了个在线还原SVG Sprites为独立SVG小图标并管理的工具。每个SVG小图标可以独立下载,也可以复制内联SVG代码,或者base64代码或者作为CSS背景使用的转义SVG代码。同时内置Awesome 1500+ SVG小图标,方便直接使用。
其中,点击任意小图标,即可在弹框中直接复制各种场景下的SVG代码,方便独立使用,如下视频示意(视频如果没有自动播放请点击):
二、昨天折腾的纯CSS图标
然后这周末(也就是昨天)做了个纯CSS图标的代码分离与整理页面。主要有时候有个图标很简单,直接CSS是最佳实现,但是每次都要写一下,很麻烦,需要一个汇总整理的地方,所以弄个这个工具页面。
界面长下面这样,目前有43个小图标,规格和风格都是一模一样的,都是苗条线条风格。
如何使用?
复制公共CSS(网站只需要复制一次);