解决Slick slider 用 animate.css动画时,第一个slider动画不起作用的问题。
Slick 是个网页轮播组件 https://github.com/kenwheeler/slick
Animate.css是一个css3动画库https://github.com/daneden/animate.css
两者常结合使用,能达到比较好的效果。
但是 Slick slider 用 animate.css动画时,第一个slider动画不起作用的问题,可以用以下方法解决!
html代码:
<div id="hero-slider"> <div class="hero-slide" style="background-image: url('http://lorempixel.com/1920/500/abstract/1');"> <div class="container"> <div class="row hero-content text-center"> <div class="col-sm-6"> <img src="//placehold.it/720x320" class="img-responsive slide-message" data-animation="fadeInLeftBig" data-delay="0.5s" /> <a href="#" class="btn btn-primary" data-animation="fadeInUpBig" data-delay="1s">LEARN…
近期评论