javascript - 如何为图像添加上滑动画?
问题描述
我正在构建一个 Wordpress 主题,并正在使用 Envira 来拥有一个响应式画廊。我想添加一些 CSS 和 javascript/jquery 来为该画廊中的三张图片添加动画。我希望它们在滚动到该页面的部分时出现并从底部向上滑动。这是我正在寻找的示例:
基本上,当您向下滚动时,您会看到这三张图片/幻灯片出现了。我试图用谷歌搜索,但找不到任何对我有用的代码。所以目前我没有任何代码可以分享这个动画,Envira Gallery 图片只是通过一个短代码添加的。任何人都可以帮助我并指出正确的方向吗?
非常感谢您的支持!
解决方案
如果您不想手动编写代码,可以使用animate.css ( https://daneden.github.io/animate.css/ ) 和wow.js组合。检查https://wowjs.uk/示例。
推荐阅读
- ruby-on-rails - 在记录保存时添加现有的 has_many (current_user)
- c - 检查单元格在矩阵中的位置
- angular - 如何取消在 Angular 中发出的多个请求?
- android - Android:Android Build 失败并出现异常:错误:属性 tagetAlpha y 错误:属性 depensOn
- python - 如何使用 ldap passwd_s 函数更改用户密码
- javascript - Javascript str.split 在冒号字符处并添加换行符
- jquery - 如何使用jquery动态自动填充添加/删除字段?
- ruby - 为什么 ruby 在块内尝试 yield 时会抛出语法错误?
- python - 如何在 macOS 上使用 freeTDS 连接到本地 mysql
- excel - Excel加速for循环