用 <i> 元素做图标在语义上是不正确的（虽然看起来像 icon 的缩写）； <i> 比 <span> 短，但 gzip 后差异很小，不过打字可以少按三个键； 多数图标用的是空 <i> 元素，配合 ::before 伪元素实现 ...

最近的计划，就是每天来几个特效，当然这里有限制，在什么候选区只能放一个，还每天有限制发布的，哎， 啊 终于写完了，看到一个挺好玩的东西，想到能不能用网页的特效做出来，试试呗！不过，一想肯东有很多的 ...

很多网站都是习惯使用<i></i>来代表小图标？而实际上用 <i> 元素做图标在语义上是不正确的（虽然看起来像 icon 的缩写），那么用<i>表示小icon，是出于好记的原因吗,还是看上去有点像icon?这样不是违背了语义化的原则 ...

代码 View Code 扩展思路： 通过控制 class ，定点播放动画 ...

今天我们要来分享一款非常精美的HTML5/CSS3表单，准备地说，这是一款经过美化的input输入表单，每一个输入表单都可以定义其两侧的小图标，非常华丽。另外，这款表单应用还采用了3种不同的风格主题，你可以在演示页的菜单栏中选择一种样式。需要高版本的浏览器才能支持。 你也可以在这里在线演示 ...

先来一张各种效果的预览图，其实代码并不复杂，关键看自己如何运用。 css：demo css：loaders ...

css实现小图标一般是由::before、::after、border、transform、position实现 1 最简单且熟悉的就是三角形了： 效果图： 2 小房子 效果图： bottom-top-width 左右边框时指边框的宽度 ...

一般一个网页上面，或多或少都会用到一些小图标，展示这些小图标的方法有很多种。最简单的做法就是将UI图上面的每个小图标都保存为图片，一个小图标就一张图片。但这也是比较笨的方法，因为浏览器同一时间最多加载的资源是有限的，例如IE7是2个，IE8是6个，chrome是6个，火狐 ...