首页 > 解决方案 > 如何为图像添加上滑动画?

问题描述

我正在构建一个 Wordpress 主题,并正在使用 Envira 来拥有一个响应式画廊。我想添加一些 CSS 和 javascript/jquery 来为该画廊中的三张图片添加动画。我希望它们在滚动到该页面的部分时出现并从底部向上滑动。这是我正在寻找的示例:

https://www.beau-rivage.ch

基本上,当您向下滚动时,您会看到这三张图片/幻灯片出现了。我试图用谷歌搜索,但找不到任何对我有用的代码。所以目前我没有任何代码可以分享这个动画,Envira Gallery 图片只是通过一个短代码添加的。任何人都可以帮助我并指出正确的方向吗?

非常感谢您的支持!

标签: javascriptjquerycss

解决方案


如果您不想手动编写代码,可以使用animate.css ( https://daneden.github.io/animate.css/ ) 和wow.js组合。检查https://wowjs.uk/示例。


推荐阅读