while 搭配 animation.css ? 怎麼樣才會有一個一個出現的效果？

Question

因為我是用 php 撈數據所以會是這樣<? while($row = mysqli_fetch_array($data)){ ?>裡面有 div 是每個商品的個人區塊<div class="admin-user-layout pointer animated fadeInUp"> ... </div>在裡面加上 animation.css 的外掛後他出現確不會是一個一個出現？有時候三個一起，有時候五個一起？怎麼會這樣呢？

Answer 1

在遍历时，给每个生成的div元素，动态设定style ，指定动画延迟时间，伪代码（我不会php的语法）

set $delay = 0;  
set $interval = 0.1;//设定动画间隔为0.1swhile haveRows
   输出  <div class="admin-user-layout pointer animated fadeInUp" style="animation-delay:" + $delay + "s;"></div>   $delay += $interval;

Answer 2

设置不同的delay 或者定时器依次给加控制显示的类