aidricfort
New Member
I have an element in HTML, which contains several child elements.
These child elements are sticking out of the parent element's borders, and thus overlap the parent element's css shadow effect, without the shadow effect applying on the child elements. When I manually apply the shadow effect on the child elements, the child elements' shadow effect overlaps the parent element.Is there a way to apply a css shadow effect on an element and all it's containers in such a way that none of the elements get overlapped by the shadow effect?Basically I want shadow effects to appear only on the outer borders of the parent element, including the outer borders created by it's children.This means that I want this:
to look like this (edited print-screen):
These child elements are sticking out of the parent element's borders, and thus overlap the parent element's css shadow effect, without the shadow effect applying on the child elements. When I manually apply the shadow effect on the child elements, the child elements' shadow effect overlaps the parent element.Is there a way to apply a css shadow effect on an element and all it's containers in such a way that none of the elements get overlapped by the shadow effect?Basically I want shadow effects to appear only on the outer borders of the parent element, including the outer borders created by it's children.This means that I want this:
to look like this (edited print-screen):