javascript - How to achieve smooth switching of pop-up windows in JS?

Question

For example, if you click on a page, a pop-up window will pop up. The content in the pop-up window has a button, and clicking will pop up a dialog box. At this time, the dialog box is not a pop-up effect, but a smooth transition. How to write it?

Answer 1

I don’t understand what over-smoothing means.

Answer 2

To provide an idea, the opacity of the first pop-up window gradually changes from 1 to 0, and the opacity of the second pop-up window gradually changes from 0 to 1.

Answer 3

Is it okay to write slow motion effects with a time difference?

Answer 4

Set a time, for example, the pop-up window will be completed within one or two seconds

Answer 5

transition: all 0.3s;

Give animation

Answer 6

css3 Animation

Answer 7

jq a fadeIn a fadeOut