css animation

i have a position absolute element which has this:
top: 20px !important;
left: -5px !important;

earlier it was:
top: 0;
left: 0;

earlier it had a animation of this:
@keyframes infoWindowAnimate {
    0% {
        opacity: .5;
        top: 16px;
    }

    50% {
        opacity: .75;
        top: -6px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

what should be the updated animaton for the updated top and left values?
Was this page helpful?