今天我們來(lái)看看同樣由關(guān)注網(wǎng)頁(yè)設(shè)計(jì)新技巧和新趨勢(shì)的 Codrops 出品的 9款適合扁平化設(shè)計(jì)的圓形圖標(biāo)懸浮(Hover)效果，原demo效果在此。從這些效果中可以看到，即使在扁平化設(shè)計(jì)中，魔鬼依舊藏在細(xì)節(jié)里 。

　　1. 填充色變換

　　2. 填充色收縮

　　3. 填充色閃換

　　4. 描邊由實(shí)變虛

　　5. 圖標(biāo)飛入效果

　　6. 圖標(biāo)內(nèi)部旋轉(zhuǎn)

　　7. 描邊陰影閃現(xiàn)

　　8. 邊界呼吸效果

　　9. 描邊擴(kuò)展下過(guò)