


@keyframes test-animation {
    from {
        transform: rotate(0);
        animation-timing-function: ease-out;
    }
    25% {
        transform: rotate(-5deg);
        animation-timing-function: ease-in;
    }
    50% {
        transform: rotate(0);
        animation-timing-function: ease-out;
    }
    75% {
        transform: rotate(5deg);
         animation-timing-function: ease-in;
    }
    to {
        transform: rotate(0);
        /*animation-timing-function: ease-out;*/
    }
}

#plane {
    /*width: 500px;*/
    margin-top: -100px;
    margin-bottom: 200px;
}

#plane:hover {
    animation-name: test-animation;
    animation-duration: 2000ms;
}



