vue 1.0 结合animate.css定义动画效果
Vue1.0动画(自定义动画)
步骤:
1.给当前动画元素添加‘transition'属性 其值就是动画名称(假如:fade)
2.给动画名称写css定义
a:.fade-transition{/*定义动画过渡*/ transition:1s allease;}
b:.fade-enter{/*定义进入动画 注意:进入离开最终一样*/}
c:fade-leave{/*定义离开动画*/}
html如下:
js
varvm=newVue({ el:'#box', data:{ isShow:true }, methods:{ show(){ this.isShow=!this.isShow; } } });
vue1.0结合animate.css定义动画
页面记得引入animate.cdd
html