Vue2.0—过渡与动画(二十一)

Posted 王同学要努力

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue2.0—过渡与动画(二十一)相关的知识,希望对你有一定的参考价值。

【Vue2.0】—过渡与动画(二十一)


方式一:使用animate.css动画库
进入官网https://animate.style/

一、Installing(安装)

npm install animate.css --save
或者
yarn add animate.css
或者引入
 href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"

二、 Import it into your file(引入到你的文件中)

import 'animate.css';

三、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!)(在安装了Animate.css之后,将类animate__animated添加到元素中,以及任何动画名称(不要忘记animate__前缀!)


方式二:

以上是关于Vue2.0—过渡与动画(二十一)的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0过度动画

配置更改后片段丢失过渡动画

第二十一篇 jQuery 学习3 特效效果

Unity 动画系列十一 Animator Record 录制与回放

《Motion Design for iOS》(二十一)

Vue2.0— 消息订阅与发布pubsub(二十)