带有Animate.css的Flexslider 2.0用于字幕

Question

我正在尝试将animate.css集成到flexslider中的标题但尚未获得成功。任何专家都可以帮助我做到这一点。

由于 -Shak

Answer 1

我知道这可以使用数据属性来完成，看看我的小提琴，虽然在这个例子中我使用了jquery.cycle2。

.caption1 {
font-weight:bold;
color:#FFF;
background:#000;
font-size:27px;
position:absolute;
top:20px;
left:20px;
z-index:30;
padding:5px;
-moz-animation: fadeInRight 1 ease-in 1.3s backwards; -webkit-animation: fadeInRight 1s ease-in 1s backwards; animation: fadeInRight 1s ease-in 1s backwards;
opacity: 1;
}

希望这会有所帮助。 Fiddle