gpt4 book ai didi

jquery - 如何使用 waypoint 或 wow 使用 bootstrap 4 为图像制作动画

转载 作者:行者123 更新时间:2023-11-27 23:10:08 25 4
gpt4 key购买 nike

我想用 fadeinleft 动画制作图像动画,我想将 wow 与 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;
}

最佳答案

您需要链接animate.css库并将其放在你的 css 文件夹中

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

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

您可以查看 wowJS Documentation了解更多信息

关于jquery - 如何使用 waypoint 或 wow 使用 bootstrap 4 为图像制作动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46547695/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com