This time I will bring you a case of how to make fade-in and fade-out and slide-in and slide-out animations. What are the precautions for making fade-in and fade-out and slide-in and slide-out? The following is a practical case, let’s take a look.
1. Fade in and fade out effect:
Let’s do this example:
There are two buttons, click to fade in, there is a p layer fade in, Click to fade out, and the p layer fades out:
jQuery淡入淡出 我是一个p块哦!!!!!
Running effect:
## 2. Slide in and slide out effect:
Let’s do this example: There are two buttons, click to slide in, there is a p layer to slide in, click to slide out, and the p layer slides out:jQuery滑入滑出 我是一个p块哦!!!!!
Summary of how to use the state object of vuex
vuex state mapState actual project analysis
The above is the detailed content of How to make fade-in and fade-out and slide-in and slide-out animation cases. For more information, please follow other related articles on the PHP Chinese website!