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.1s
while haveRows
   输出  <div class="admin-user-layout pointer animated fadeInUp" style="animation-delay:" + $delay + "s;"></div>
   $delay += $interval;

Answer 2

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