使用 CSS 定义三次贝塞尔曲线

要定义三次贝塞尔曲线,请使用cubic-bezier()函数。您可以尝试运行以下代码来实现cubic-bezier()函数

示例

<!DOCTYPE html>

<html>

   <head>

      <style>

         div {

            width: 100px;

            height: 100px;

            background: yellow;

            transition: width 3s;

            transition-timing-function: cubic-bezier(0.3, 0.3, 2.0, 0.9);

         }

         div:hover {

            width:200px;

         }

      </style>

   </head>

   <body>

      <p>Hover over the below container:</p>

      <div></div>

   </body>

</html>

以上是 使用 CSS 定义三次贝塞尔曲线 的全部内容, 来源链接: utcz.com/z/356032.html

回到顶部