如何使用CSS延迟动画

要延迟动画,请使用CSS animation-delay属性。您可以尝试运行以下代码来延迟动画

示例

<!DOCTYPE html>

<html>

   <head>

      <style>

         div {

            width: 150px;

            height: 200px;

            background-color: yellow;

            animation-name: myanim;

            animation-duration: 2s;

            animation-delay: 2s;

         }

         @keyframes myanim {

            from {

               background-color: green;

            }

            to {

               background-color: blue;

            }

         }

      </style>

   </head>

   <body>

      <div></div>

   </body>

</html>

以上是 如何使用CSS延迟动画 的全部内容, 来源链接: utcz.com/z/316738.html

回到顶部