如何在网页上获取应用商店图标玻璃效果？

Question

有没有简单的方法在我的网页上显示我的iphone应用程序的图标，就像它们在appstore中看到的那样（即具有玻璃效果，最好是反射）？我在网络编码方面的经验很少，所以如果可能的话，我可以复制和粘贴的一些示例代码会很棒。谢谢你的帮助。

Answer 1

不是玻璃效果，但你可以使用这个CSS获得圆角和反射：

    -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom,
      from(transparent), color-stop(0.8, transparent), to(rgba(0,0,0,0.5)));
    -webkit-border-radius:12px;
    -moz-border-radius:12px;

它仅适用于WebKit浏览器中的反射（不是全部），圆角也适用于FireFox。