Плавное перемещение картинок

[geograph]

Допустим на страницу вставлены 10 картинок в 1 ряд (горизонтальный), при уменьшении окна браузера ряд разбивается на несколько новых рядов. При этом картинки моментально переходят на новый ряд. Подскажите как можно добиться плавного перемещения картинок, примерно так как это реализовано в экспресс-панели Opera.

Можно ли это реализовать только средствами CSS без JS? Пробовал копать в сторону transition:all, но толком ничего не вышло

[avtonomys]

"Можно ли это реализовать только средствами CSS без JS?"

Нельзя.

[alexandr_v-vich]

geograph, смотрите, главное, чтобы было что анимировать и что изменяется в определённый момент. Если вы сверстаете это через float или display или как-то ещё, тут анимировать нечего, хотя бы потому, что ничего и не меняется. Через css так не сделать точно, а js… не уверен, но вариантов тоже сейчас не вижу. Тут какбэ 2 состояния — в конце ряда и после перехода…

Если вы будете использовать @media screen и вручную искусственно делать эти переходы, меняя даже просто положения — left, top. То здесь тот же transition сыграет как нужно.

Edited May 6, 2012 by alexandr_v-vich