CSS3动画常用贝塞尔曲线-效果演示
Posted linxue
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3动画常用贝塞尔曲线-效果演示相关的知识,希望对你有一定的参考价值。
CSS与贝塞尔曲线
CSS3动画常用贝塞尔曲线实现更加自然,物理感的动画。
列举了一些常见的贝塞尔曲线数值,用于做动画的存档。
.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;
以上是关于CSS3动画常用贝塞尔曲线-效果演示的主要内容,如果未能解决你的问题,请参考以下文章