cssmagic / CSS-Secrets

📖 《CSS 揭秘》这本书的大本营。
2.45k stars 329 forks source link

[注解] [801] 缓动效果 #79

Open cssmagic opened 7 years ago

cssmagic commented 7 years ago

花絮与注解

第 199 页 ‧ 第二段

所有这五种曲线都是通过(三次)贝塞尔曲线来指定的……

关于 “贝塞尔曲线” 的更多信息,请参见:https://zh.wikipedia.org/wiki/貝茲曲線

第 200 页 ‧ “致敬” 区块

在 Dan Eden 编写的 animate.css 动画库中,所用到的调速函数分别是 cubic-bezier(.215,.61,.355,1)cubic- bezier (.755,.05,.855,.06)(后者并不是前者的反向版本,它的曲线更加陡峭,效果也更加逼真)。

利用作者开发的 cubic-bezier.com 网站,我们可以看到这两个曲线的可视化版本:

确实相当陡峭。