用 <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個，火狐 ...