好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

animate。css 重复执行

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 重复执行的详细内容...

  阅读:47次