vue css animation

This time I will bring you vue’s cssanimation, what are the precautions for using vue’s css animation, the following is a practical case, let’s take a look.

.toggle-cart-enter-active, .toggle-cart-leave-active {
transition: 
all
 .3s ease-out;
}
.toggle-cart-enter, .toggle-cart-leave-active {
trans
for
m: translateY(100%);
}

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to php Chinese website Other related articles!

Related reading:

Commonly used input text box content is automatically vertically centered and the default prompt text is empty when clicked

iframe Various parameters

htmlHow to implement mouse hover prompt A tag content

The scroll bar in HTML has What are the usage tips

The above is the detailed content of vue css animation. For more information, please follow other related articles on the PHP Chinese website!