Работя върху анимация с помощта на packery. Плочките са подравнени в решетка и щракването върху една трябва да я увеличи и динамично да пренареди плочките съответно. Преоразмеряването се анимира с помощта на CSS3 преходи. Всичко това работи според очакванията в IE10 и Firefox, както е показано в следния codepen: http://codepen.io/anon/pen/ilkmK
Същият код в базирани на WebKit браузъри (тестван на Windows) предизвиква неистово мърдане/клатене на кутията, докато се преоразмерява и позиционира.
Вече изпратих проблем и проблемът изглежда е, че преходите по ширина и височина в WebKit са не е оптимизиран. Прилагането на същата анимация с помощта на jQuery.animate подобри ситуацията малко, но не премахва мърдането. Особено при по-бавни системи остава много забележимо.
Засега използвам версията на JavaScript като малко по-добър резервен f или webkit браузър, но не е оптимален. Нямам представа къде да отида от тук, така че се надявах Stackoverflow да може да ми помогне.
Ще бъда много благодарен за съвети как това да работи в Chrome/Safari.