css matrix3d, drag element while maintaining distortion

I've been playing around with Matrix3D css in this code: link

Now I wanted a point in the middle to drag the element while maintaining the distortion, but I do not know how to do it.

So far, the only thing I've been able to do is add a dot in the middle with jQuery, but I do not know how to update its position.

$ ('<div>'). addClass ("pontos centrais")
  .appendTo ('body'). posição ({
    meu: "center",
    em: "center",
    de: elemento
  });

link