cube-bezier()函数是 CSS 中的一个内置函数,用于定义三次贝塞尔曲线。
贝塞尔曲线是一种数学定义的曲线,用于二维图形应用程序,如 abode illustrator、inkscape 等。该曲线由四个点定义:初始位置和终止位置,即分别为 P0 和 P3(称为“锚点”)和两个独立的中间点,即 P1 和 P2(在我们的示例中称为“手柄”)。贝塞尔曲线经常用于计算机图形、动画、建模等。
句法:
cubic-bezier( x1, y1, x2, y2 )
参数:该函数接受四个强制参数。它包含一个数值,x1 和 x2 的值介于 0 到 1 之间。
下面的程序说明了 CSS 中的 cube-bezier()函数:
程序:
html
cubic-bezier function
GeeksforGeeks
The cubic-bezier() Function
输出:
支持的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐
- 歌剧
- 苹果浏览器