主要的功能有 ：
1. 网格设计
2. 充话费独占2行2列
3. 充话费鼠标移入有字体缩小的动画
4. 充话费等第一行的四个应用鼠标移入时，图标会向上弹一下
5. 充话费等第一行的四个应用鼠标移入时，会有更多的应用内容以框的显示显示在该应用下面，如：
本文的价值 ：
1. 在html结构，css逻辑方面，有一些自己的想法可供参考和交流
2. 熟悉css的transition和animation的简单应用
3. 学习如何通过浮动和负的的margin值，实现这种网格效果
4. 学习如何利用less，编写更加清晰和易于修改的css
5. 见识下淘宝的iconfront的威力
html结构 ：该找个演示代码的工具了。。。贴代码不好
充值
查看更多关于练习：90%的css实现淘宝话费充值等快捷应用栏_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did113614