CSS3动画常用贝塞尔曲线-效果演示

CSS与贝塞尔曲线

CSS3动画常用贝塞尔曲线实现更加自然，物理感的动画。

demo演示

列举了一些常见的贝塞尔曲线数值，用于做动画的存档。

.a1{animation: stretch 1s cubic-bezier(0.39, 0.575, 0.565, 1) infinite;}

.a2{animation: stretch 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) infinite;}

.a3{animation: stretch 1s cubic-bezier(0.95, 0.05, 0.795, 0.035) infinite;}

.a4{animation: stretch 1s cubic-bezier(0.19, 1, 0.22, 1) infinite;}

.a5{animation: stretch 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;}

.a6{animation: stretch 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;}

.a7{animation: stretch 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;}