vue中使用animate.css库

1、@keyframes
keyframes翻译成中文，是"关键帧"的意思，使用transition属性也能够实现过渡动画效果，但是略显粗糙，因为不能够更为精细的控制动画过程，比如只能够在指定的时间段内总体控制某一属性的过渡，而animation属性则可以利用@keyframes将指定时间段内的动画划分的更为精细一些。
– 自定义实现
下面我们来看一个例子，要实现的效果是文字弹跳放大在缩小显现和隐藏：

  
  
  
  
  



  
    
hello world
  
  change

2、使用animate.css库
首先进入到Animate.css官网：

下载animate.css文件，然后引入：

使用animate特效，就可以去掉@keyframes效果了，因为animate.css这个库提供的就是@keyframes的动画效果：

  
    
hello world
  
  change