Alexander A. Sak-moz-transform: scale(0.8); у .column.moving
ну не только это, и даже не это оказалось фишкой...
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
el.setAttribute("draggable", 'true');
el.addEventListener('dragstart', function (ev) {
ev.dataTransfer.setData("text", ev.target.id);
ev.dataTransfer.setData("posX", ev.offsetX);
ev.dataTransfer.setData("posY", ev.offsetY);
});
var el_body = document.getElementsByTagName('body')[0];
el_body.addEventListener('dragover', function (ev) {
ev.preventDefault();
});
el.addEventListener('dragstart', function () {
this.style.cssText += 'transform: scale(0.0); transition-delay: 0.0001s;';
}, false);
el_body.addEventListener('drop', function (ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
var posX = parseInt(ev.dataTransfer.getData("posX"));
var posY = parseInt(ev.dataTransfer.getData("posY"));
document.getElementById(data).style.left = parseInt(ev.pageX) - posX + 'px';
document.getElementById(data).style.top = parseInt(ev.pageY) - posY + 'px';
document.getElementById(data).style.transform = 'none';
});
как основа для творчества .
