How to make fade-in and fade-out and slide-in and slide-out animation cases

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:

        
    
 我是一个p块哦！！！！！ 
  

Running effect:

## 2. Slide in and slide out effect:

        
    
 我是一个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!