基于Vue.js框架开发一个26个英文字母递增式显示的动画效
补充vue动画:在vue中,显示隐藏,创建移除,一个元素或者一个组件的时候,可以通过transition实现动画。
6个状态对应6个类名:
∙进入(显示,创建)
js文字动画特效ov-enter-from 进入前 (vue2.0 v-enter)
ov-enter-active 进入中
ov-enter-to 进入后
∙离开(隐藏,移除)
ov-leave-from 进入前 (vue2.0 v-leave)
ov-leave-active 进入中
ov-leave-to 进入后
多个transition使用不同动画,可以添加nam属性,name属性的值替换v即可。
如果元素或组件离开,完成一个淡入淡出效果
并且,6个状态都需要设置在css中
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论