動画では遷移後の子要素 {.overlay.show li:nth-child(1)} に対して、transition を設定しているのですが、下記のように遷移前の子要素に設定ではいけないのでしょうか？
これまで、遷移前の設定がセオリーのような気がしましたので・・・。
因みに下記だと、3 → × 、× → 3 どちらでも transition がききました。

.overlay li:nth-child(1){
  transition-delay: 0.1s;
}
.overlay li:nth-child(2){
  transition-delay: 0.2s;
}
.overlay li:nth-child(3){
  transition-delay: 0.3s;
}