.active_animation { opacity:0; visibility:visible; -webkit-animation:fadeInUp 1s .2s ease both; -moz-animation:fadeInUp 1s .2s ease both; -ms-animation:fadeInUp 1s .2s ease both; animation:fadeInUp 1s .2s ease both } .active_animation:nth-child(1) { animation-delay:0s } .active_animation:nth-child(2) { animation-delay:.2s } .active_animation:nth-child(3) { animation-delay:.3s } .active_animation:nth-child(4) { animation-delay:.4s } .active_animation:nth-child(5) { animation-delay:.5s } .active_animation:nth-child(6) { animation-delay:.6s } .active_animation:nth-child(7) { animation-delay:.7s } .active_animation:nth-child(8) { animation-delay:.8s } .active_animation:nth-child(9) { animation-delay:.9s } .active_animation:nth-child(10) { animation-delay:1s } .active_animation:nth-child(11) { animation-delay:1.1s } .active_animation:nth-child(12) { animation-delay:1.2s } .active_animation:nth-child(13) { animation-delay:1.4s } .active_animation:nth-child(14) { animation-delay:1.4s } .active_animation:nth-child(15) { animation-delay:1.5s } .active_animation:nth-child(16) { animation-delay:1.6s } .active_animation:nth-child(17) { animation-delay:1.7s } .active_animation:nth-child(18) { animation-delay:1.8s } .active_animation:nth-child(19) { animation-delay:1.9s } .active_animation:nth-child(20) { animation-delay:2.0s } ovg_scroll放在你需要动作的上一个类 /***如果需要其他的方向自己改写 .active_animation { opacity:0; visibility:visible; -webkit-animation:fadeInUp 1s .2s ease both; -moz-animation:fadeInUp 1s .2s ease both; -ms-animation:fadeInUp 1s .2s ease both; animation:fadeInUp 1s .2s ease both } fadeInUp这个动作;放在实力级 -->