css cubic-bezier,CSS cubic-bezier()函数

CSS cube-bezier()函数

它是CSS中的内置函数，用于定义三次Bezier曲线。贝塞尔曲线是在2D图形应用程序(如墨水空间，adobe illustrator等)中使用的数学定义的曲线。此CSS函数是过渡时间函数，用于平滑和自定义过渡。

它由四个点(即P0，P1，P2和P3)定义。点P0和P3(称为锚点)是起点和终点，点P1和P2(称为手柄)是中间点。

对于CSS Bezier曲线，点P0和P3始终位于同一位置。 P0在(0,0)处代表初始状态和初始时间，而P3在(1,1)处代表初始状态和最终时间。这意味着传递给cubic-bezier()函数的参数只能在0和1之间。

句法

此CSS函数接受四个必填数字值。 x1和x2的值必须介于0和1之间，否则该值将无效。如果我们传递的参数不在此间隔内，则函数将设置为其默认值，即线性过渡，其值为cubic-bezier(0，0，1，1)。

通过使用以下插图，我们可以了解此CSS函数。

例

此函数可以与动画定时功能和过渡定时功能属性一起使用。

在这里，我们正在使用transition-timing-function属性。

输出量

相关文章:CSS-填充 CSS-填充 padding属性允许您指定元素内容与其边框之间应显示多......

CSS过滤器-文本和图像效果 CSS过滤器-文本和图像效果 您可以使用CSS过滤器将特殊效果添......

CSS3-框大小调整 CSS3-盒子大小 框大小调整属性用于更改元素的高度和宽度。 &......

CSS-有用的资源 CSS-有用的资源 以下资源包含有关CSS的其他信息。请使用它们......

如何添加CSS 如何添加CSS CSS被添加到HTML页面中，以根据样式表中的信息来格式化文档。有三种方法可以在HTML文档中插入CSS。 Inline CSS Internal CSS External CSS 1) Inline...

CSS按钮 CSS按钮 在HTML中，我们使用button标记创建按钮，但是通过使用CSS属性，我们可以为按钮设置样式。按钮可帮助我们创建用户交互和事件处理。它们是网页中广泛使用的元素之一。 在提交表单期间，为了查看或获取一些信息，我们通常使用按钮。 让我们看看按钮的基本样式。 按钮的基本样式 有多个用于设置按钮元素样式的属性。让我们一一讨论。 背景颜色 如前所述，此属性用于设置按钮元素的背景色。 句法 el......

CSS hover 选择器 CSS悬停 hover 选择器用于当我们在元素上移动鼠标时选择它们。它不仅限于链接。我们几乎可以在每个HTML元素上使用它。要设置链接到未访问页面的样式，可以使用：link选择器。要为访问页面的链接设置样式，可以使用：visited选择器，为活动链接设置样式可以使用：active选择器。 它是在CSS1中引入的。悬停可用于根据有效的Web设计程序中用户的偏好来突出显示网页。 悬停功能包括以下效果：......

CSS hyphens属性 CSS hyphens属性 此CSS属性用于控制块级元素中文本的连字符。它定义了单词太长或文本多行换行时如何连字。 此属性使我们可以将单词分为两行，以改善文本布局。 句法 hyphens: none | manual |...