VUE使用动画效果

一:引入相应的css库文件,然后用transition标签包裹,加上相应的class即可

二:网页打开就触发动画,加上appear属性,并加上相应的class即可

三:同时使用过渡和动画。type可以设置动画时长,也可以自定义,使用  :duration="10000"。

四:使用js钩子实现动画效果 done()是为了通知vue动画结束的函数

五:使用Volecity.js动画库(http://www.velocityjs.org/

六:vue中多个元素或组件的过渡

七:vue中列表过渡使用transiton-group (没有name属性)

八:动画封装

css封装

js封装(推荐)

猜你喜欢

转载自blog.csdn.net/yangdl6/article/details/114322405