我正在尝试使用 Animate.css (http://daneden.me/animate/)制作一个按钮动画。
是否可以在同一个元素上有 2 个类?我想让 fadeInUpBig 发生一次,然后它会无限翻转。
感谢您的帮助,谢谢!
我正在尝试使用 Animate.css (http://daneden.me/animate/)制作一个按钮动画。
是否可以在同一个元素上有 2 个类?我想让 fadeInUpBig 发生一次,然后它会无限翻转。
感谢您的帮助,谢谢!
检查我的代码:http: //jsfiddle.net/alexgrcs/GuvWq/4/
我下载了仅包含这些动画(“fadeInUpBig”和“flip”)的 animate.css 自定义构建,并在同一个 .fullAnimation 类中声明了两个关键帧。
.fullAnimation {
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation: fadeInUpBig 1s, flip 1s 1s infinite;
-moz-animation: fadeInUpBig 1s, flip 1s 1s infinite;
-o-animation: fadeInUpBig 1s, flip 1s 1s infinite;
animation: fadeInUpBig 1s, flip 1s 1s infinite;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
}
看一下动画实例,其中一个关键帧在另一个关键帧之后被调用,给第二个关键帧添加了 1 秒的延迟。您可以在本文中找到有关此方法的更多信息:http ://www.css3files.com/animation/
希望这可以帮助!:)