animate.css是一种非常流行的CSS动画库,使用它可以很容易地给你的网站添加一些动态效果。一个常见的需求是在页面中重复执行某个动画,比如不断地出现和消失一些元素。以下是使用animate.css实现重复执行动画的示例:
/* 定义一个类名,包含需要重复执行的动画效果 */ .bounce { animation: bounce 2s infinite; } /* 定义动画效果 */ @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } /* 将需要执行动画的元素添加对应的类名 */我会不断弹跳
查看更多关于animate。css 重复执行的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did245486