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

ID:13201 / 打印

设置动画应使用 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>
上一篇: 如何使用 jQuery 添加和删除 CSS 类到元素?
下一篇: 如何使用CSS创建渐变阴影?

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。