.left-right {
    -webkit-animation: LeftRight 4s linear infinite;
}

@-webkit-keyframes MoveLeftRight {
    0%, 100% {
        left: 0px;
    }
    50% {
        left: 90%;
    }
}

/* cross */
/*.left-right {*/
    /*animation: LeftRight linear 4s;*/
    /*animation-iteration-count: 1;*/
    /*transform-origin: 50% 50%;*/
    /*-webkit-animation: LeftRight linear 4s;*/
    /*-webkit-animation-iteration-count: 1;*/
    /*-webkit-transform-origin: 50% 50%;*/
    /*-moz-animation: LeftRight linear 4s;*/
    /*-moz-animation-iteration-count: 1;*/
    /*-moz-transform-origin: 50% 50%;*/
    /*-o-animation: LeftRight linear 4s;*/
    /*-o-animation-iteration-count: 1;*/
    /*-o-transform-origin: 50% 50%;*/
    /*-ms-animation: LeftRight linear 4s;*/
    /*-ms-animation-iteration-count: 1;*/
    /*-ms-transform-origin: 50% 50%;*/
/*}*/
@keyframes LeftRight {
    0%, 100% {
        transform: translate(0);
    }
    50% {
        transform: translate(90%);
    }
}
@-moz-keyframes LeftRight {
    0%, 100% {
        -moz-transform: translate(0);
    }
    50% {
        -moz-transform: translate(90%);
    }
}
@-webkit-keyframes LeftRight {
    0%, 100% {
        -webkit-transform: translate(0);
    }
    50% {
        -webkit-transform: translate(90%);
    }
}
@-o-keyframes LeftRight {
    0%, 100% {
        -o-transform: translate(0);
    }
    50% {
        -o-transform: translate(90%);
    }
}
@-ms-keyframes LeftRight {
    0%, 100% {
        -ms-transform: translate(0);
    }
    50% {
        -ms-transform: translate(90%);
    }
}