Part1 唱歌分一亿

谢星版

易童川版

林菲版

易童川版

Part2 动画效果制作方法

补充：webgl、逐帧动画

逐帧动画

animation-timing-function属性分两类：

          cubic-bezier()
          steps()

      steps是作用于关键帧之间的，而不是整个动画。

      第一个参数将两个关键帧又细分为了几帧。第二个参数决定从一帧到另一帧的中间间隔是用开始帧还是结束帧来进行填充。

      start表示直接用结束帧进行中间填充，end表示直接用开始帧进行中间填充。

Part3 回流&重绘

回流 (Reflow)

当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时，浏览器重新渲染部分或全部文档的过程称为回流

当页面中元素样式的改变并不影响它在文档流中的位置时（例如：color、background-color、visibility等），浏览器会将新样式赋予给元素并重新绘制它，这个过程称为重绘。

重绘 (Repaint)

Part4 容易混淆的几个css属性

Part5 动画案例欣赏

谢谢聆听、观看