Почему не работает transition?

Question

[vladimir_html]

https://jsfiddle.net/424ef0nv/
Хочу чтобы эти блоки в полосках плавно переходили из одного края в другой. Смотрите пока только на голубую полоску.

Comments

[Сергей delphinpro]

Бля, ну ты бы хоть оформил всё нормально... Где в этой простыне что искать?

[Александр Лысенко]

Будет очень здорово если вы дадите только ту часть где проблема, а не весь сайт

[vladimir_html]

Сергей: я там комментарии расставил, нужные элементы в css идут сразу после распорки, а в html в конце.

[Сергей delphinpro]

vladimir_html: У вас проблема с тразишн. Нафига вы туеву хучу кода выкатили? Я об этом говорю. Откровенное неуважение к отвечающим.

Ну да ладно.
Transition - переводится с инглиша как "переход". И это есть именно переход из одного состояния в другое. Вы задаете в начальном состоянии свойство транзишн, описывая, как элемент должен перейти в другое состояние. Другим состоянием может быть например :hover, :focus или напрямую измененные свойства джаваскриптом. У вас нет состояний.

Вот, изучайте https://jsfiddle.net/424ef0nv/1/

[Сергей delphinpro]

vladimir_html: или вот, по ховеру https://jsfiddle.net/424ef0nv/3/

Answer 1

[automatik]

https://jsfiddle.net/424ef0nv/5/

Answer 2

[Negwereth]

А почему должен?
Вы кроме задержки ничего не задали.

Comments

[vladimir_html]

а поподробнее? свойство left есть, задержка есть, что ещё? ну объясните несведущему

[Negwereth]

vladimir_html: например, длительность не помешала бы