动画及 css3

一些不常见的css写法，展现的效果却是非常有用的，可以减少大量代码或者css样式，因此记录下来，方便后续使用

环形进度条的思路，需要使用两个半圆环+transform+clip 实现环形进度条 第一步，先实现两个半圆环。需要实现半圆环，有多种方式，我选择clip进行裁切。clip的值主要为rect(top, 

选择用动画实现，由于js实现的动画运行在CPU，css3的动画运行在GPU，css3渲染成本低，最后决定用css3去实现这类操作。 使用scrollLeft 一开始使用scrollLeft+overf

解决思路：先动态生成每个圆角的图片，然后把每个圆角的图片合成一张图。需要使用的方法主要是：canvas里的clip drawIamge promise 以及图片的动态js加载 drawImage(im