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