随记要点

1. 在 JavaScript 中设置元素的上下距离，用 css3 的 translate 属性的性能好于 top、left 的性能（——慕课网 - “hello，移动Web” - 触摸touch）。

2. 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。
   备注：transparent的属性值在android下无效。
   2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。
   3、-webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅（这个属性会调用硬件加速模式），但是在android下不可乱用，很多见所未见的bug就是因为这个。
   4、@-webkit-keyframes可以预定义很多你所想到的动画，然后通过-webkit-transition来调用。
   5、-webkit-background-size可以做高清图标，不过一些低版本的android只能识别background-size，所以有必要两个都要写上；用这个属性的时候推荐树勇cover这个值，可以自动去匹配宽和高。
   6、text-shadow多用这个属性，可以美化文字效果。
   7、border-radius、box-shadow、gradient、border-image，不解释，可以精简代码。
   

3. transition , animation 区别：transition 的动画需要事件来触发，animation 不需要。