Question

我正在创建一个拖放实用程序，它允许您在网格中拖放，旋转和旋转某些“立方体”。每个多维数据集都有六个可以在它们之间切换的面，我正在使用使用背景图像并在CSS中重新放置它。一切都很好，但是如果元素在CSS中旋转，那么当我拖动它时，被拖动的克隆[如果是那样的话]会显示为未变形。

我在这里上传了一个简单的JSFiddle：http://jsfiddle.net/rxd0kgcs/6/-我在这里放置了代码：

CSS

.cube0 {
  width: 128px;
  height: 128px;
  position: absolute;
  display: inline-block;
}
.cube1 {
  width: 128px;
  height: 128px;
  top: 128px;
  position: absolute;
  display: inline-block;
  transform:rotate(90deg); 
  -webkit-transform:rotate(90deg); 
  -moz-transform:rotate(90deg); 
  -o-transform:rotate(90deg);
}

HTML

<div class='cube0' id='cube0' style='background-image: 
url("http://media9.cagd.co.uk/835/1818706_5c3742f.gif");' 
draggable='true'></div>
<div class='cube1' id='cube1' style='background-image: 
url("http://media9.cagd.co.uk/835/1818706_5c3742f.gif");' 
draggable='true'></div>

如果有什么遗漏，请告诉我-预先感谢！本

拖动CSS旋转的div

0 个答案: