Блог

Привет всем, надеюсь, у вас хороший день, мой элемент div, который имеет класс bootstrap col, не был правильно перенесен вправо с помощью анимации CSS, и я не могу нажать кнопку, которая находится под div, пожалуйста, помогите мне спасибо

 <div class="col-12 col-md-6 form">
</div>
 

 .slide {
    animation: slide 2s ease-in-out;
    position: relative;
    animation-fill-mode: forwards;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
        overflow: hidden;
        visibility: visible;
    }
}
 

Вы установили встроенный стиль с помощью bootstrap для макета div (с мобильного на xl). HTML-код под родительским (divs, о которых вы говорите) был бы более полезен для объяснения проблемы, поскольку она не так ясна.

В противном случае, я думаю, вам, возможно, придется удалить класс и использовать JavaScript для его добавления одним нажатием кнопки.