animate.css使用/ vue 中使用

animate.css(第三方动画使用方法)
animation

  语法:

     animation: name duration timing-function delay iteration-count direction;

    animation-name:             规定需要绑定到选择器的 keyframe 名称。。    

    animation-duration:         规定完成动画所花费的时间,以秒或毫秒计。    

    animation-timing-function:    规定动画的速度曲线。    

    animation-delay:          规定在动画开始之前的延迟。    

    animation-iteration-count:     规定动画应该播放的次数。(值:n次,infinite无限循环)    

    animation-direction:       规定是否应该轮流反向播放动画。 

浏览器兼容:

  当然是只兼容支持 CSS3 animate 属性的浏览器,他们分别是:IE10+、Firefox、Chrome、Opera、Safari。

在vue中使用

导入animate.css

组件中





 

 

你可能感兴趣的:(css)