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 に答える