9款HTML5/CSS3技术实现的图标悬浮效果

Codrops 出品的 9款适合扁平化设计的圆形图标悬浮(Hover)效果,原demo效果 


1. 填充色变换



2. 填充色收缩


 


3. 填充色闪换


 


4. 描边由实变虚


 


5. 图标飞入效果


 


6. 图标内部旋转


 


7. 描边阴影闪现


 


8. 边界呼吸效果


 


9. 描边扩展下过



演示地址:http://tympanus.net/Development/IconHoverEffects/


标签: 网页设计, HTML5, CSS3, UI, 图标

此文章共有条评论, 人参与