请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

使用animated css库

老师,看视频访问的地址访问不到,按照视频的地址访问,页面自动跳转到:
https://animate.style/
然后安下边cdn提示下载的文件,在代码里边使用的方式也不太一样了:

hello world



<button @click=“handleTClick”>切换(animate)
和视频里边的有出入了

我看到animated的样式库文件 时4.1.1 的版本了;
这和您用的有区别吗?

正在回答 回答被采纳积分+3

1回答

提问者 Keily 2020-11-28 13:18:54

是这样的额,老师您用的这个animated版本可能是之间比较早的版本了,写法是您那样使用的,我从网上下来了一个比较早的版本,用您那种写法是有效的,现在比较新的版本,是新的使用方式了;

官网的使用说明是这样的:

Basic usage

After installing Animate.css, add the class animate__animated to an element, along with any of the animation names (don't forget the animate__ prefix!):


1 回复 有任何疑惑可以回复我~
  • Dell #1
    我看到了,确实有改动,在新的vue课程里,我更新了这块的内容。同学你可以去读一下vue3的英文文档,动画那一小节详细讲解了如何使用新版本的animate.css
    回复 有任何疑惑可以回复我~ 2020-11-29 23:45:44
  • enter-active-class="animate__animated animate__swing"
    leave-active-class="animate__animated animate__backOutDown"
    这是新的语法格式,亲测可用哦!
    回复 有任何疑惑可以回复我~ 2021-05-29 16:21:07
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号