el.animate

HTML

<div></div>

CSS

div {
    background-color: red;
    height: 100px;
    width: 100px;
}

JavaScript

var el = document.querySelector('div');
el.addEventListener('click', function () {
    var player = el.animate([
        { transform: 'none' },
        { transform: 'translateX(100%)' }
    ], {
        direction: 'alternate',
        duration: 2000,
        iterations: Infinity
    });
});