оптимизация drag and drop

[cyber]

cyber,
Есть фенька http://htmlbook.ru/css/background-size
Её прикол в том - что при передвижении фоновой картинки методом background-position , - изо не перерендиваецо -а пиксельно смещаецо - скорость возрастает многократно

у меня drag and drop превратился в слайд шоу

[melky]

cyber зум пробуй делать через анимацию... даже не через переходы, а именно анимацию... по моим наблюдениям, производительность анимации выше произв. transition.

хотя я и могу ошибаться.

[Deff]

melky,
я так понял, тормоз не при zoom, при перемещениях = перемещения бекграунда занчительно быстрее

[cyber]

cyber зум пробуй делать через анимацию... даже не через переходы, а именно анимацию... по моим наблюдениям, производительность анимации выше произв. transition.

хотя я и могу ошибаться.

ну уже пробывал, не помогает

-webkit-transition: all .5s ease;	
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;

[cyber]

melky,
я так понял, тормоз не при zoom, при перемещениях = перемещения бекграунда занчительно быстрее

я там намудрил щас попробую под бэк

[melky]

ну уже пробывал, не помогает

я же выделил слово анимация, и написал рядом переходы - transition.

кстати, можно пример на jsbin с жутко тормозящей картинкой? у меня даже восьмимегабайтная картинка не тормозит

[cyber]

а так не прокатит?=)
http://cyberua.16mb.com/files/
только подожди пока картинка загрузится, а то еще не ставил на нее onload

[cyber]

Тормозит только в хроме, забыл добавить, если двигать после зума(зум колесиком)=)

[cyber]

Deff, попробывал с background и перемещать через background-position , у меня просто тормоза получились а тормоза в квадрате

[cyber]

не фига не пойму почему полсе зума тормозит, даже если нет трогать сразу после зума сек 10 а потом понятнуть пару секунд тормозит..
(все выше указанное замеченно было только в хроме с большими картинками)
css3 transition не помогает и window.requestAnimationFrame тоже не помогает