.field{
    border: 5px solid green;
}

.bat{

    transition: transform 0.2s ease-out;
    
}

.ball{
    width: 50px;
    height: 50px;
    background-color: red;
    border-radius: 100px;
    position: relative;
    left: 520px;
    transition: translate 1s ease-out 0.2s;
}

.field:hover .bat{
    transform: rotate(-30deg) ;
    transform-origin: top right;
}

.field:hover .ball{
    translate: 1000px -400px;
}