.bat{
    transition: transform .1s;
}

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

.field:hover .ball{
    transform: translate(1000px, -300px);
}

.ball{
    height: 50px;
    width: 50px;
    background-color: red;
    border-radius: 50%;
    position: relative;
    left: 535px;
    transition: transform 1s ease-out .2s;
}