jquery - アルゴリズム対角フェードjquery

Question

この画像のようなコンテンツで斜めのフェード効果を作成しようとしています:

そのため、最初のフェードを行い、他のフェードを遅らせて行うという考え方です。（Javascript / jQueryを使用していると思います）

それがリスト、div、その他のものである場合、使用される方法について好みはありません。それを行うライブラリまたは何か。

あなたが私を助けてくれることを願っています。前もって感謝します。

Answer 1

これを実現するには、jquery と javascript を使用します。行に分け、各行に同じクラス「1」、「2」、「3」のラベルを付けます。次に、これらのそれぞれをフェードインします。これは大まかな例ですが、微調整すると機能します。

<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>