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

发布于 2024-08-13 00:29:00 字数 130 浏览 6 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

谎言 2024-08-20 00:29:00

不是玻璃效果，但您可以使用此 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。

Not the glass effect, but you can get the rounded corners and the reflection by using this 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;

It only works for the reflection in WebKit-browsers (not yet all) and the rounded corners work in FireFox as well.

回复收藏 0 原文

~没有更多了~