vue 1.0 结合animate.css定义动画效果

Vue 1.0 动画（自定义动画）

步骤：

1.给当前动画元素添加‘transition'属性 其值就是动画名称(假如：fade)

2.给动画名称写css定义

a: .fade-transition{/*定义动画过渡*/ transition:1s all ease;}

b: .fade-enter{/*定义进入动画 注意：进入离开最终一样*/}

c：fade-leave{/*定义离开动画*/}

html 如下：

js

vue 1.0 结合animate.css定义动画

页面记得引入animate.cdd

html

css

js

总结

以上所述是小编给大家介绍的Vue 1.0自定义动画效果。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!