Box shadow inset on the bottom left

Hi there,

I am trying to create a box shadow with an inset on just the bottom and left. Is this possible? I’ve managed to do it on the right and bottom, but not left and bottom.


Hey toolman. What code have you got that gives the box shadow on the right and bottom?

This is what I have:

-moz-box-shadow: 10px 10px 5px #222;
-webkit-box-shadow: 10px 10px 5px #222;
box-shadow: 10px 10px 5px #222;

However, I also want it inset, but when I set it to inset, it goes to top left :confused:

Is this what you’re after:

box-shadow: inset 10px -10px 5px #222;

plus the browser prefixes of course.

Thanks :slight_smile:

1 Like

You could probably drop those now.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.