如何在小立方体圆 Angular 显示图像.... 灯箱中的图像是圆 Angular 的.... 实际图片在这里
http://www.defie.co/designerImages/inventoryControl.png
在下面提供我的代码
<script type="text/javascript">
Gallery.setOptions({
size: 150,
lightbox: true,
//animation: 'drop'
//speed: 500,
//closeOnEsc: true,
//slideshow: false,
//slideshow_speed: 3000,
//cube_speed: 1000
});
</script>
<style>
body {
background: #AAAAAA;
}
</style>
</head>
<body>
<div class="row">
<div class="span10">
<div class="melonhtml5_gallery">
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/inventoryControl.png"></div>
</div>
</div>
最佳答案
如果我没理解错的话,您希望旋转的立方体具有圆 Angular ,类似于图像,但在 3D 中。
你可以有点给它一个圆 Angular 的感觉,但是因为立方体旋转时背景中有层,所以效果失败。
div.melonhtml5_gallery div.cube div,
div.melonhtml5_gallery div.cube div img {
border-radius: 10px;
}
这是在 CSS3 中对准圆 Angular 的类似尝试:http://3dcube.pixelass.com/
CSS3 变换仅限于二维框上的矩阵变换,因此创建 3D 外观的对象通常是通过一些巧妙的技巧或幻觉来实现的。在这种情况下,当 Angular 变圆时,这种错觉就会失败。要获得真正圆形的旋转立方体,我认为您必须使用 WebGL 之类的工具。
关于jquery - 小立方体的圆 Angular 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14531260/