jquery - 算法对角淡入淡出jQuery

Question

我正在尝试使用此图像上的内容创建对角渐变效果：

所以这个想法是让第一次褪色，然后延迟其他褪色。（我猜是使用 Javascript / jQuery）

我对使用的方法没有偏好，如果它是一个列表，div，whatever.A library 做它什么的。

希望您能够帮助我。提前致谢。

Answer 1

我会使用 jquery 和 javascript 来完成这个。分成几行并将每一行标记为同一类“一”、“二”、“三”。然后淡入其中的每一个。这是一个粗略的例子，但如果你调整它就会起作用。

<script>
$(document).(ready(function(){
 $(".one").each(function(){
   $(this).fadeIn();
 });

 $(".two").each(function(){
   $(this).fadeIn();
 });

 $(".three").each(function(){
   $(this).fadeIn();
 });
});
</script>

<div class="wrapper">
<div class="row-one-wrapper">
  <div class="one">1</div>
  <div class="two">2</div>
  <div class="three">4</div>
  <div class="four">7</div>
  <div class="five">9</div>
  <div class="six">11</div>
</div>

<div class="row-two-wrapper">
  <div class="two">3</div>
  <div class="three">5</div>
  <div class="four">8</div>
  <div class="five">12</div>
  <div class="six">17</div>
</div>
</div>