Я пытаюсь сделать анимацию в 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;
}
}