Creating an inset dropShadow on a container

Question

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.

Answer 1

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>