Box shadow inset on the bottom left

[toolman]

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.

Thanks

[Gandalf]

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

[toolman]

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

[Gandalf]

Is this what you’re after:

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

plus the browser prefixes of course.

[toolman]

Thanks

[SamA74]

@Gandalf

plus the browser prefixes of course.

You could probably drop those now.