继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

初识vue动画效果

拉风的咖菲猫
关注TA
已关注
手记 318
粉丝 44
获赞 212

vue.js为我们提供了丰富的动画效果。以下介绍动画的基本使用

需求:点击按钮,实现图片的显示与隐藏,不使用动画的效果是这样的:

https://img1.mukewang.com/5d58c36d0001767b04190238.gif

不使用动画.gif

具体代码

效果并不好,过于突兀。

既然是神仙姐姐,出入场的效果肯定要有仙气,不能突兀地蹦进蹦出

接下来,看下使用动画的效果是怎样的

具体代码

https://img4.mukewang.com/5d58c376000147cb00940038.gif

动画效果.gif

https://img1.mukewang.com/5d58c363000151a208920816.png

代码解析

关于vue.js的动画效果,在其文档中有很详细的说明,利用官方提供的api, 可以实现极为丰富酷炫的效果。惟一限制你的,是你的想象力!



作者:章鱼喵_
链接:https://www.jianshu.com/p/940293ebf9bd


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP