css_animate.css的应用

目录

animate.css官网

官网

入场动画的加载

<transition enter-active-class="animate__aniamted animate__bounceIn" leave-active-class="animate__animated animate__bounceOut"></transition>
<!--以上代码是在vue下运行的-->

入场动画的持续时间

<style>
.animate__bounceIn,
.animate__bounceOut{
      animation-duration:3s;
}
</style>

或者

<transition enter-active-class="animate__aniamted animate__bounceIn animate__slower" leave-active-class="animate__animated animate__bounceOut animate__slower"></transition>
<!--以上代码是在vue下运行的-->
  • 官网关于动画持续时间的几个属性
posted @ 2023-11-01 23:55  Syinho  阅读(58)  评论(0)  编辑  收藏  举报