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

Answer 2

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