opacity: 0; ではなく display: none; とするのはなぜですか?

display プロパティはアニメーションさせることができないためです。
2021年5月28日
ユーザー

今回通常時は.overlayopacity:0;にして、#openをクリック時にopacity: 1;にしていますが、
opacityの代わりにdisplay: none;display: block;で表示でもいいのでしょうか?
display: none;で試してみたらpointer-eventsの設定をしなくてもうまくいったのでどうなのかと思いました。

ご回答よろしくお願いします。

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

プレミアムプランとは?

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