Vue 1.0 动画(自定义动画)
步骤:
1.给当前动画元素添加‘transition'属性 其值就是动画名称(假如:fade)
2.给动画名称写css定义
a: .fade-transition{/*定义动画过渡*/ transition:1s all ease;}
b: .fade-enter{/*定义进入动画 注意:进入离开最终一样*/}
c:fade-leave{/*定义离开动画*/}
Vue 1.0 动画(自定义动画)
1.给当前动画元素添加‘transition'属性 其值就是动画名称(假如:fade)
2.给动画名称写css定义
a: .fade-transition{/*定义动画过渡*/ transition:1s all ease;}
b: .fade-enter{/*定义进入动画 注意:进入离开最终一样*/}
c:fade-leave{/*定义离开动画*/}
页面记得引入animate.cdd
以上所述是小编给大家介绍的Vue 1.0自定义动画效果。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/vue/31564.html