2021年9月11日解決済み

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

ユーザー

お疲れ様です。

これは、✖️ ボタンがクリックされた瞬間に
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もなかったことになるという解釈で合っていますでしょうか。

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

スタッフ

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

プレミアムプランとは?