回答編集履歴
1
わかりにくい表現の補足
answer
CHANGED
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
CSSのアニメーションは`display: none`の時には実行されないです。
|
|
4
4
|
|
|
5
5
|
ですので、フェード部分は`opacity`だけ操作するようにするといいでしょう。
|
|
6
|
-
重ね合わせの問題は、`z-index` `pointer-event`などで処理するか、要件に合うなら`visibility`で制御するか、どうしても`display:none`を使いたいならばイベントループを切って`display:block`の描画をさせてから適用すれば上手くいくかもしれません。
|
|
6
|
+
重ね合わせの問題は、`z-index` `pointer-event`などで処理するか、要件に合うなら`visibility`で制御するか、どうしても`display:none`を使いたいならば`setTimeout`などでイベントループを切って`display:block`の描画をさせてから`opacity`を適用すれば上手くいくかもしれません。
|