如何使用 GWT 创建 Google 地图上的面板阴影效果?

发布于 2024-11-24 08:51:12 字数 348 浏览 1 评论 0原文

可能的重复:
HTML/CSS:Google 如何创建他们的地图上有这个阴影吗?

使用 GWT 和 Google 地图组件,如何最好地创建屏幕截图中所示的“面板阴影”效果?

在此处输入图像描述

Possible Duplicate:
HTML/CSS: How does Google create this drop shadow over their maps?

Using GWT and the Google Maps component, how do I best create the "panel shadow" effect as seen in the screenshot?

enter image description here

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

厌味 2024-12-01 08:51:12

尝试使用 box-shadow CSS 属性(确保您的目标浏览器支持它)

-webkit-box-shadow: inset 3px 3px 5px 5px #000000;
-moz-box-shadow: inset 3px 3px 5px 5px #000000;
box-shadow: inset 3px 3px 5px 5px #000000;

使用具有不透明度的 rgba 颜色规范来获得“更亮”的阴影。

Try the box-shadow CSS property (make sure the browsers you are targeting supports it)

-webkit-box-shadow: inset 3px 3px 5px 5px #000000;
-moz-box-shadow: inset 3px 3px 5px 5px #000000;
box-shadow: inset 3px 3px 5px 5px #000000;

Use rgba color spec with opacity to get a "lighter" shadow.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文