0

如何通过圆角立方体的角使立方体在外部完美，我看到一些额外的空间如何移除立方体外部的额外空间。 http://jsfiddle.net/ZrpLT/3/

<div class="top" style="-webkit-transform: rotateX(90deg) translateZ(75px); z-index: 1000;"><img src="http://www.defie.co/designerImages/thumbnails/inventory.png" width="150" height="150" style="margin-top: 0px;"></div>


div.melonhtml5_gallery div.cube {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    -ms-transition: -moz-transform 1s;

}

4

1 回答 1

0

制作更合适的图像。这似乎是您可以使用具有锐利边缘的立方体所做的所有事情 - 您（现在）可以通过 CSS 旋转实现的唯一类型。

另外 - 你的最后一个立方体不会旋转：http: //jsfiddle.net/ZrpLT/25/

谁知道为什么，因为 MelonHTML5 3D Cube Gallery 是一个商业产品，它似乎没有免费提供的文档。

放在最后一个盒子<div data-caption="void" data-image="" style="display:none"></div>之后似乎没有任何作用。如果你省略style="display:none", 那么 - 尽管最后一个立方体现在旋转 - 它会给你留下一个额外的丑陋的带阴影的不可见盒子。

于 2013-01-19T00:23:42.690 回答