效果：做一个具有logo能过渡切换效果，类似于小米网站的logo

思路：将两个用于切换的logo以文字形式嵌入活动块banner的左右半，活动块banner的上级是主展示块box,初态只展示右半logo，利用margin变化来切换到左半logo，用过渡装饰，初态末态都是一个logo展示，一个logo遮住。

代码：https://github.com/Tracker647/weblearn/tree/master/%E4%BB%BF%E5%B0%8F%E7%B1%B3logo%E8%BF%87%E6%B8%A1%E6%95%88%E6%9E%9C%E5%88%B6%E4%BD%9C

学习时间：2小时

收获：复习了如何使用过渡效果，如何使用字体icon，以及如何使块级元素水平居中

最新文章

1. Oracle简单常用的数据泵导出导入(expdp/impdp)命令举例(上)
2. NGUI 3.0.7的新锚点系统设置不好就会造成显示错误的错觉
3. 使用模板技术处理ASP.NET中GridView额外序号列的问题
4. 转｛QQ浏览器X5内核问题汇总｝
5. 如何编写一个PHP的C扩展
6. Android自定义实现FlowLayout
7. sqlmap 使用举例
8. *** WARNING L1: UNRESOLVED EXTERNAL SYMBOL
9. 实现android支持多线程断点续传下载器功能
10. bzoj 1880 [Sdoi2009]Elaxia的路线（最短路+拓扑序）
11. 如何让oracle DB、监听和oem开机启动(dbstart)
12. RabbitMQ的一些有用教程
13. 浅谈PageHelper插件分页实现原理及大数据量下SQL查询效率问题解决
14. 小妖精的完美游戏教室——人工智能，A*算法，导航网络篇
15. MySql.Data.dll官网下载
16. python的出生
17. 快捷切换hosts的小工具：SwitchHosts!
18. linux-ubuntu 下R无法安装HH包的原因及解决方案
19. Arria10中PHY的时钟线结构
20. 表单设置 disabled 后无法传值到后台的解决办法

热门文章

1. 第6.2节 Python特色的动态可执行方法简介
2. PHP代码审计分段讲解（12）
3. 【转载—“光荣之路”公众号】Bug预防体系（上千bug分析后总结的最佳实践）
4. XDown单文件版 下载工具 支持磁力等多种链接方式下载
5. ripple Failed to load resource: the server responded with a status of 404 (Not Found)
6. mybatis批量修改数据
7. 个人项目作业——wc.exe
8. 步步为营，打造CQUILib UI框架库
9. mysql创建表分区
10. mysql主从同步错误