Skip to content

Conversation

@bobby169
Copy link

@bobby169 bobby169 commented Nov 5, 2019

比如想用popup做从中间bounce-in跳出的弹窗,则可设置popupTransition为popup-bounce等自定义

.popup-bounce-enter-active {
    animation: popup-bounce-in .5s;
  }
  .popup-bounce-leave-active {
    animation: popup-bounce-in .5s reverse;
  }
  @keyframes popup-bounce-in {
    0% {
      transform: translate3d(-50%, -50%, 0) scale(0);
    }
    50% {
      transform: translate3d(-50%, -50%, 0) scale(1.2);
    }
    100% {
      transform: translate3d(-50%, -50%, 0) scale(1);
    }
  }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant