Box-shadow over border
css, html
Solution
I think this would be much more easily achieved with two overlayed box shadows.
Something like this approaches what you're looking for:
box-shadow: 0 0 20px 5px #000000,
0 0 0 16px rgba(128, 42, 42, 0.98);
Problem
I have this problem where I want to have a border and a box-shadow, but the shadow must be over the border. The box-shadow property starts when the border ends, is it possible to move it over the border? ``` .border { border: solid rgba(128,42,42,.98) 16px; } .img-box-shadow { -moz-box-shadow: 0px 0px 20px #000000; -webkit-box-shadow: 0px 0px 20px #000000; box-shadow: 0px 0px 20px #000000; } ``` My HTML: ``` <img class="border img-box-shadow" src="img.png"> ``` Already tried inset in my box shadow, but it didn't work! I'm looking for this effect: And I'm getting this result: