本实例提供29种贝塞尔曲线css3模板,所有内容代码来自互联网!你可以自己使用这些常见cubic-bezier曲线模板,也可以通过贝塞尔曲线工具调试出适合自己的cubic-bezier动画效果。贝塞尔曲线由4个点构成,css3贝塞尔曲线函数,默认起始点坐标是(0,0),终点坐标是(1,1),因此你只需要控制剩下2个方向点,就可以得出一个完整的贝塞尔曲线!只有支持Css3效果浏览器才可以看到效果!
-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */