javascript - Css3 Animate 它在对象进入视口(viewport)之前进行动画处理

标签 javascript css css-animations

所以我正在使用 css3 对其进行动画处理:http://jackonthe.net/css3animateit

我按照他们的指示进行操作,但是 children 在进入视口(viewport)之前就已经制作了动画。这只是我还是我需要某个元标记?

谢谢

所以我被要求提供我的代码,这里是:

<div class="tile one-half imageparent">
    <img src="images/iphone6.jpg" class="animated fadeInUp go"/>
</div>

最佳答案

你可以试试 data-appear-top-offset 属性。

<div class="tile one-half imageparent" data-appear-top-offset='-300'>
    <img src="images/iphone6.jpg" class="animated fadeInUp go"/>
</div>

还可以在这里查看其他选项:http://jackonthe.net/css3animateit/

关于javascript - Css3 Animate 它在对象进入视口(viewport)之前进行动画处理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35710638/

相关文章:

java - 如何向 vaadin 组件添加 css 关键帧?

javascript - 如何将 Javascript 变量保存为服务器端变量以便每个人都可以看到它

javascript - Ajax Complete 在成功准备好之前被触发,如何防止这种行为?

javascript - 巫术/ capybara : Cannot log in with :js => true

javascript - 链接和悬停在超大屏幕中不起作用

javascript - 根据用户鼠标是否在 iframe 窗口上方转义 iframe

html - 带 CSS 的居中菜单

html - 悬停时纯 CSS3 动画上滑字幕

javascript - AngularJS 按对象属性分组

css - 如何在反向运动中保持图像旋转?