今更ながら、格子状に並べたボックスをフェードイン・フェードアウトさせてみる

先日注文した冷凍イカが届いたので、これまでやったことがなかった下処理に挑戦中の kouraku です。
おはこんばんちわ。

さてさて今回は、JSを使って格子状に並べたボックスに対し、見た目簡単なフェードイン・フェードアウトのアニメーションを付けたいと思います。

なお、アニメーションは以下4種です。

  • 順番通りにフェード
  • 横にフェード
  • 縦にフェード
  • 斜めにフェード

Source: SEO