Как анимировать один элемент над элементом в Vue. js анимациях - PullRequest
0 голосов
/ 28 апреля 2020

Я пытаюсь сделать анимацию в vue. js. Как переместить позицию перехода над классом css.

<transition name="VisualizerProductBox__canImage">
      <div v-if="show">
        <div
          class="VisualizerProductBox__img-can-image"></div>
      </div>
</transition>

Когда 'show' имеет значение true, я пытаюсь переместить переход над другим классом css, который находится в навигационной панели.

<div class="Navbar__cart-icon"></div> 

Вот это css. Как перейти через анимацию к классу "Navbar__cart-icon"

    .VisualizerProductBox__canImage-enter-active {
  animation: bounceIn 2s both;
}

.VisualizerProductBox__canImage-leave-active {
  animation: bounceIn 2s both;
}

@keyframes bounceIn {
  0% {
    transform: 1;
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...