@keyframes bounce-in{
0% {
transform: scale(0);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
.fade-enter-active {
transform-origin: left center;
animation: bounce-in 1s;
/* animation: bounce-in 1s reverse; */
}
.fade-leave-active {
transform-origin: left center;
/* animation: bounce-in 1s; */
animation: bounce-in 1s reverse;
}
上面的代码直接写了css3的keyframes。
3、vue中动画和过度同时使用。