javascript - How to achieve smooth switching of pop-up windows in JS?
世界只因有你2017-05-18 10:56:53
0
7
613
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?
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.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I don’t understand what over-smoothing means.
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.
Is it okay to write slow motion effects with a time difference?
Set a time, for example, the pop-up window will be completed within one or two seconds
transition: all 0.3s;
Give animation
css3 Animation
jq a fadeIn a fadeOut