x ボタンがクリックされた時は、transition-delay で順番に消えていかないのはなぜですか?

show クラスが外れると transition-delay も適用されなくなるからです。
2021年9月11日
ユーザー

お疲れ様です。

これは、✖️ ボタンがクリックされた瞬間に
showクラス自体が外されるので、

.overlay.show li:nth-child(1) {
  transition-delay: .1s;
}

.overlay.show li:nth-child(2) {
  transition-delay: .2s;
}

.overlay.show li:nth-child(3) {
  transition-delay: .3s;
}

ここで設定した transition-delayもなかったことになるという解釈で合っていますでしょうか。

ご指導ご鞭撻のほど、よろしくお願いいたします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?