如何将transition 属性与animate.css结合使用?

2020-11-13 23:44创建
共1个回答
OI
游客oiHIeZ

可以这样使用:

<template>
  <vue-popper 
    transition='fade'
    enter-active-class='fade-enter-active'
    leave-active-class='fade-leave-active'
  </vue-popper>
</template>

<style>
.fade-enter-active, .fade-leave-active {
  transition: opacity 2.5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
</style>

如果含有slot(带class名:container):

.fade-enter-active,
.fade-leave-active{
    transition: opacity 200ms;
    .container{
        transition: opacity 200ms;
    }
}