CSS переход при перемещении поплавка
Я работаю с чем-то вроде этого: http://jsfiddle.net/Hh2Ht/
Как видите, у меня есть группа плавающих элементов с одинаковой шириной, но разной высоты. Тем не менее, контейнер имеет процентную ширину и, как следствие, при изменении его размера плавающие div изменяют свою позицию.
Мне бы хотелось, чтобы это изменение позиции было анимировано с использованием CSS-переходов. Я мог бы сделать это с абсолютным позиционированием, немного JavaScript, чтобы вычислить позиционирование и привязать эффект перехода к верхним и левым свойствам, но так как я хочу точно подражать поведению плавающих элементов div, было бы отлично сделать это без абсолютного позиционирования.
Вы думаете, что это возможно? Заранее спасибо.
1 ответ
Я действительно не уверен, что можно перемещать блоки, как вы описали с чистым CSS. Главным образом это связано с тем, что некоторые блоки должны быть перемещены в другую позицию в DOM, что невозможно в CSS.
Вы пытались использовать плагин Isotope? Проверьте их сайт, может быть, это то, что вы ищете.