Arrastando e Redimensionando Elementos Transformados em CSS
Se, por exemplo, definimos um-vendor-transform: rotate(40deg)
atributo css em um retângulo<div>
, de repente, arrastando e redimensionando se torna muito estranho e falho.
Aqui está um exemplo com um simples jQueryUI:http://jsfiddle.net/Ja4dY/1/
Você notará que, se arrastar ou redimensionar esse retângulo quando transformado, ele saltará para cima ou para baixo e o cursor não permanecerá no lugar correto. No meu código real eu estou usando código personalizado para redimensionar e arrastar, no entanto eu encontrei os mesmos problemas.
Bem, claro que o "problema" é que a direção de um elemento mudará. Então, a esquerda pode estar certa, a parte superior fica no fundo e algo entre elas e o código Javascript ainda lida com cada direção como serianão transformado.
Então, a pergunta:Como podemos compensartransformado / rodado Elementos?
Quaisquer bons recursos / livros / blogs também são muito bem-vindos.