Question

我想用fadeinleft动画制作动画图片，我想用bootstrap 4来使用哇，但它不起作用，我读到了waypoint可以提供帮助，请在这里请一点帮助，这是我的css和html代码。

<html>
<body>
<script src="http://mynameismatthieu.com/WOW/dist/wow.min.js"></script>

 <div class="row">
   <div class="col-md-4 >
<div class="wow fadeInLeftBig animated">
    <img id="img1" src="imagenes2/mision.png"  class="img-fluid" >
</div>                                                      
</div
</div> 

</body>

<script>    
new WOW().init();
</script>
</html>

CSS3代码

element.style {
    visibility: visible;
    animation-name: fadeInLeftBig;
}

.fadeInLeftBig {

    animation-name: fadeInLeftBig;
}


.animated {

    animation-duration: 1s;
    animation-fill-mode: both;
}

Answer 1

您需要链接animate.css库并将其保存在ur css文件夹中

（您可以通过更改wow.js设置链接到另一个CSS动画库）

link rel="stylesheet" href="css/animate.css"

您可以检查wowJS Documentation以获得更多信息

Answer 2

您可以尝试添加CSS animation库： https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.3.0/animate.css

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.3.0/animate.css">

我在这里提出了一个 JSFiddle 示例：https://jsfiddle.net/ytliuSVN/8ab6oh34/

如何使用航路点为图像设置动画或使用bootstrap 4哇

2 个答案: