У меня есть эта проблема, когда я хочу иметь границу и тень, но тень должна быть над границей.Box-shadow over border
Свойство box-shadow начинается, когда граница заканчивается, можно ли перемещать ее по границе?
.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;
}
Мой HTML:
<img class="border img-box-shadow" src="img.png">
Уже попробовал врезке в моей коробке тени, но это не сработало!
Я ищу этот эффект:
И я получаю этот результат:
Вы хотите внутреннюю тень для внешнего контейнера? –
Это тот же контейнер, если вы можете посмотреть мое изображение здесь http://imgur.com/JHnbwTy, вы увидите, что тень окна начинается там, где граница заканчивается, я хочу, чтобы оба они начинались с того места, где заканчивается изображение. – Mandi
Это самый какамоли, смотрящий css когда-либо – JakeParis