.overlay.show に transition を書かないのはなぜですか?

.show クラスが外れたときにアニメーションが発生しなくなってしまうからです。
2022年3月3日
ユーザー

お世話になります。
初歩的な質問でお手数お掛けしますが、

.overlay{
  opacity: 0;
}

.overlay.show{
  opacity: 1;
  }

と 2 つの要素間で変化が起こるため、
メインの .overlay の方で transtion を記載しているといった認識で宜しいでしょうか。

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

プレミアムプランとは?

このレッスンの質問と回答(2)