Как мне сделать зеркальный ресайз??

Question

[John Freeman]

Помогите решить проблему!
Как мне сделать так что-бы при ресайзе (.resizable)
изображение тянулось зеркально?(т.е. если тянуть за нижний правый угол то и верхний левый зеркально тянулся) и главное что-бы div mover был всегда по центру div'a ssccalle и при этом div mover не менял свои свойства!
вот мой код: http://codepen.io/
Помогите пожалуйста, а то два дня голову ломаю =(

Answer 1

[trushka]

Надо transform: scale() менять, тогда всё на своих местах останется и никуда не съедет

Comments

[John Freeman]

так у меня там и есть transform

[Kovalsky]

John Freeman:
1. У вас в CSS неправильно указана высота для #joystick,
2. В том что transform работает не так как надо, виноваты либо ваши скрипты, либо ваши стили. К сожалению, точней не могу подсказать. Попробуйте сделать самый простой пример с использованием transform scale, убедитесь сами, что по дефолту transform-origin и так равен 50% 50% 0. Так что я бы на вашем месте просто переверстал бы пример.