Как пользоваться transform в CSS?

Question

[Александр]

Подскажите пожалуйста, как реализовать перемещение картинки с помощью CSS3?
Нарыл статью - https://habrahabr.ru/post/135816/ , по примерам получается сделать, чтобы при наведении картинка двигалась вправо на 350 px.
Код:

<style>
	#axis:hover .move-left {
		transform: translate(350px,0);
		-webkit-transform: translate(350px,0); /** Safari & Chrome **/
		-o-transform: translate(350px,0); /** Opera **/
		-moz-transform: translate(350px,0); /** Firefox **/
	}
	.object {
		position: absolute;
		-webkit-transition: all 2s ease-in-out;
		-moz-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
	}
	</style>
	<div id="axis">
		<img class="object move-left" style="width: 100px;" src="https://d13yacurqjgara.cloudfront.net/users/377441/screenshots/1671911/car-icons-set.gif"/>
	</div>

Загвоздка только в том, чтобы сделать циклическое движение слева на право, постоянно... И запускаться должно при загрузке страницы...
Для чего:
Будет скрытый блок с фоном, при нажатии на кнопку, этот блок станет display: block и машинка как бы будет ехать....

Comments

[zooks]

Откройте для себя codepen.io - удобно размещать фразменты кода.

[Александр]

zooks: Спасибо, но https://jsfiddle.net/ больше по душе.

[zooks]

Александр: равноценные сервисы, но codepen также умеет Pug и Sass.
Я о том, что при размещении кода на этих сервисах вероятность ответа возрастает.

Answer 1

[Сергей Горячев]

Это уже не transition, а animation.

Comments

[Александр]

Да - можно, только хотелось бы реализовать именно так как написал :)

[Сергей Горячев]

Александр: Я должен за вас написать весь код? Вы даже не удосужились оформить код в песочницу.

[Александр]

Sergey Goryachev: а что такой сложный код? Вы тут зачем сидите господин умник, для того чтобы писать очевидные вещи, наподобие: "Это уже не transition, а animation." ? Код не нужно за меня писать, можно просто подсказать "каким путем идти".

[Сергей Горячев]

Александр: Ну, путь я тебе подсказал - animation. Ты б сначала удосужился ссылку открыть, посмотреть, там куча примеров с объяснениями. Какой смысл объяснять, если ты даже не представляешь, что это за свойство. Ты все равно не поймешь. Вот почитай, попробуй написать свой код, потом пиши на Тостер "Вот я попробовал, у меня не получается". А делать за тебя твою работу тут никто не будет, не для этого проект создан.