设置动画应与CSS一起运行的次数

使用animation-iteration-count属性设置动画应使用CSS运行多少次。

以下示例将动画计数设置为2:

示例

<!DOCTYPE html>

<html>

   <head>

      <style>

         div {

            width: 150px;

            height: 200px;

            background-color: yellow;

            animation-name: myanim;

            animation-duration: 2s;

            animation-iteration-count: 2;

         }

         @keyframes myanim {

         from {

            background-color: green;

         }

         to {

               background-color: blue;

            }

         }

      </style>

   </head>

   <body>

      <div> </div>

   </body>

</html>

以上是 设置动画应与CSS一起运行的次数 的全部内容, 来源链接: utcz.com/z/321950.html

回到顶部