Ошибка при использовании transnition и transform

Если наводить с переодичностью на карточку то она может "застакать" значения и вылететь на фул экран, если просто банально навести на карточку то она нормально анимируется

.cs{
    transition: 0.3s ease-out 0.05s;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    border-radius:3px;
    position: relative;
}
.cs:hover{
    transform: 
    perspective(1000px)
    rotateX(8.5deg)
    scale(1.07);
    box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.5);
}
<div class="pw-img cs mx-auto">
    <img class="img-fluid cheat-apex" src="https://sun9-31.userapi.com/c858420/v858420647/1904bf/pRXw8BSWwLg.jpg" alt="">
</div>

введите сюда описание изображения

введите сюда описание изображения


Ответы (0 шт):