在容器上创建嵌入 dropShadow

发布于 2024-11-30 16:14:25 字数 118 浏览 1 评论 0 原文

我想知道如何在容器上创建阴影,使容器看起来低于其父容器。通常,阴影主要应用于右侧和下侧的外侧。我想要实现的是将阴影应用于顶部和左侧的内部。这个想法是让容器看起来像是嵌入到其父容器中的。

任何想法将不胜感激。

I am wondering how I could create a dropshadow on a container that would give the appearance that the container is lower than its parent. Normally the dropshadow is applied primarily to the outside of the right and lower sides. What I want to achieve is a dropshadow to be applied to the inside of the top and left sides. The idea is to give the appearance that the container is embedded into its parent.

Any ideas would be greatly appreciated.

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

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

发布评论

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

评论(1

夏天碎花小短裙 2024-12-07 16:14:25

简单易行:您需要 inner 属性:DropShadowFilter#inner

示例:

<s:Rect width="100" height="100">
    <s:fill>
        <s:SolidColor color="0xff0000" />
    </s:fill>

    <s:filters>
        <s:DropShadowFilter inner="true" />
    </s:filters>
</s:Rect>

Easy as pie: you need the inner property: DropShadowFilter#inner

Example:

<s:Rect width="100" height="100">
    <s:fill>
        <s:SolidColor color="0xff0000" />
    </s:fill>

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