纯 CSS3 多级下拉菜单

自 CSS3 流行以来，虽然以前看过一遍所有的新增属性，但其实在实际项目中用到的少之又少。所以没有形成系统性的认识，以及看到效果立马就能想到解决方案的能力。然后最近正好遇到一个需要绘制大量动画的需求，所以决定趁此机会好好研究一下这个既熟悉又陌生的 css3。

老司机发车，2017 年前端初学者的生存指南，阅过不谢。

有一句话说的好：“横看成岭侧成峰，远近高低各不同”，有些时候，我们需要从不同的角度去欣赏mm，如下图： 在早期，要实现这种效果，我们只能乖乖的找设计去制作，然后在页面上插入一张图片，但是随着CSS3的出现，我们可以纯代码实现，如何实现呢？就是通过CSS3的box-reflect…

这篇文章主要总结 H5 的一些新增的功能以及一些基础归纳，并不是很详细，后面会一直完善补充新的内容，仅供参考

百分比，浮动，普通 inline，绝对定位，弹性盒

本文讲介绍 :hover、:active、:focus、:checked、Media Queries、JavaScript控制六种方法触发 CSS3 transition，以及 transitionend 事件的使用。

浮动与定位的原理和应用