在Vue中同时使用过渡和动画





    
    在Vue中同时使用过渡和动画
    
    




    
hello world

type='transition':duration="5000" 二选一

使用animate.css必须使用vue的 enter-active-classleave-active-class;后面紧跟animated类名和想使用的动画名称(区分大小写);
animate 使用的是@keyframes动画,fade-enter-active,
fade-leave-active加的是transition动画。

transition动画和transform动画时长不一样,使用type='transition'transition动画时长为准。或者 绑定属性:duration="5000"自定义时长;
fade名称与name一致,
appear,appear-active-class实现页面加载的初次动画

你可能感兴趣的:(在Vue中同时使用过渡和动画)