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

【问题标题】：How to get the app store icon glass effect on a webpage?如何在网页上获得应用商店图标玻璃效果？
【发布时间】：2010-12-20 14:17:44
【问题描述】：

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

【问题讨论】：

标签： iphone webpage effect aero-glass

【解决方案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。

【讨论】：

我想在这里接受这两个答案，因为我实际上所做的是从flavorstudios 下载图像，修复它，然后使用这个反射代码。我选择这个是最好的，因为这个网站有点烦人，因为你必须自己裁剪图像，然后重做透明度。这样做需要不到 1 分钟的时间，但我必须根据某些东西做出选择。非常感谢你们。