Как воссоздать масштаб/панорамирование элемента jQuery .animate() с помощью преобразования CSS?
Я собрал jsFiddle, чтобы проиллюстрировать свой вопрос:
У меня есть функция, которая будет панорамировать и приблизить к указанному элементу. Это используется для создания перехода между кадрами в комиксе.
У меня это отлично работает с использованием jQuery.одушевленные (), но я хотел бы использовать CSS преобразования, когда доступны, поскольку они значительно лучше выполнять на современных браузерах. Однако я не могу показаться, чтобы правильно воссоздать такое же поведение
.
Вместо того, чтобы описать это плохо здесь, если вы посмотрите на jsFiddle вы увидите два набора элементов управления, с каждой кнопки, соответствующей рамке в «комической». элементы управления одушевленные JQuery ведут себя корректно и CSS преобразования управления нет.
Проблема, как представляется, вплоть до измерения смещения () атрибуты, как только элемент был уменьшен с помощью CSS-преобразование.
Любая помощь будет принята с благодарностью.
Примечание: Вы должны «повторного запуска» jsFiddle при переключении метода от .animate к преобразованиям, и наоборот, для того, чтобы сбросить CSS, который изменяется при пробегах функции.
EDIT: Я просто поправил ссылку на jSfiddle ... Извинения к тем, которые уже рассматривали его. Оригинальная ссылка отсутствовала часть коды примера. Кроме того, только чтобы уточнить, мне нужно использовать значения на основе процента в целом приложение полностью отзывчивым.