@keyframes locomotive { from { -moz-transform:translateX(-100%); -webkit-transform:translateX(-100%); transform:translateX(-100%); } to { -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); } } @keyframes locomotivestart { from { -moz-transform:translateX(0%); -webkit-transform:translateX(0%); transform:translateX(0%); } to { -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); } } @keyframes locomotiveend { from { -moz-transform:translateX(-100%); -webkit-transform:translateX(-100%); transform:translateX(-100%); } to { -moz-transform:translateX(0%); -webkit-transform:translateX(0%); transform:translateX(0%); } }