I am requested to make the following design:
Here's how I'm trying to achieve the cascaded shadow:\[code\]box-shadow: -6px 0px 10px #514E49\[/code\]But it results in the shadow being displayed in the opposite direction:
I tried changing the \[code\]h-shadow\[/code\] parameter to \[code\]6px\[/code\], but then the shadow is only visible in the rightmost edge.I tried using \[code\]inset\[/code\] as Emil suggested, but it causes the \[code\]v-shadow\[/code\] to display inset as well and becomes visible inside the box, which should be avoided, here is what it looks like:
