CSS3动画效果速查参照表

它是怎么工作的

<link rel="stylesheet" href="css/animations.css">

<div id="object" class="slideUp">

#object{
    background-color: #fe5652;
    visibility: hidden;
}

添加效果

<script>
$(window).scroll(function() {
  $('#animatedElement').each(function() {
  var imagePos = $(this).offset().top;

  var topOfWindow = $(window).scrollTop();
    if (imagePos < topOfWindow + 400) {
      $(this).addClass("slideUp");
    }
  });
});
</script>

<script>
$('#animatedElement').click(function() {
$(this).addClass("slideUp");
});
</script>

附： 动画样式列表