transition答题卡来回切换

&.trans {
       &-enter-active {
         transition: .3s ease-out;
       }
       &-leave-active {
         transition: .25s ease-out;
       }
       &-enter-to {
         z-index: 1;
       }
       &-next {
         transform: translate3d(100%, 0, 0);
         z-index: 1;
       }
       &-prev {
         transform: translate3d(-100%, 0, 0);
         z-index: 1;
       }
     }

你可能感兴趣的:(transition答题卡来回切换)