PHP前端开发

设置动画应使用 CSS 运行多少次

百变鹏仔 3个月前 (09-20) #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>