Как подружить тень с закруглением?

[maxim96]

при закругление углов, тень которая внутри вылезает за углы, торчит по краям, пытался решить по всякому, но до сих пор не получилось, помогите пожалуйста с решением это проблемы

.generator style{
border-radius:3px;
box-shadow:
   inset 0px 2px 0px #ff0000,
   inset 0px -2px 0px #ff0000,
   inset 0px 3px 2px #000,
   inset 0px -3px 2px #000;
}

[Aetae]

Никуда оно не вылезает. Как вы задаёте тени, так он их и показывает.

<style>div{
box-shadow:
   inset 0px 2px 0px #ff0000,
   inset 0px -2px 0px #ff0000,
   inset 0px 3px 2px #000,
   inset 0px -3px 2px #000;
}</style>
<div><br><br><br></div>

[ksa]

maxim96, мне вот интересно... При каком освещении и расположении прямоугольника и "материнской плоскости" будет такая тень?

[maxim96]

А вы border-radius поставите и посмотрите, мне не надо квадратное...

[ksa]

border-radius поставите и посмотрите

Как вариант - сунь все это в еще один див с

overflow: hidden;

И его уже закругляй...

[Aetae]

maxim96, тоже самое же.

<style>div{
border-radius:3px;
box-shadow:
   inset 0px 2px 0px #ff0000,
   inset 0px -2px 0px #ff0000,
   inset 0px 3px 2px #000,
   inset 0px -3px 2px #000;
}</style>
<div><br><br><br></div>

чего вы хотите то, я не понимаю.

Нарисуйте что ли то что вам надо.

[maxim96]

css к стороннему сайту подключил так что не варик :-(

[maxim96]

Дак на первом скриншоте выделил зеленым, внимательно посмотрите в самый левый угол и в самый правый угол и в самый нижний левый угол, смотри черное вместо красного!

[BETEPAH]

Это уголок показывающий возможность растягивания textarea.=\

Поставьте

textarea {
    resize: none;
}

[Aetae]

BETEPAH,
Да не, я кажись понял о чём он. Самые крайние пиксели чуток затемняются.

Решение в лоб: подложить тени нужного цвета.

<style>div{
border-radius:3px;
box-shadow:
   inset 0px 2px 0px #ff0000,
   inset 0px -2px 0px #ff0000,
   inset 0px 2px 0px #fff,
   inset 0px -2px 0px #fff,
   inset 0px 3px 2px #000,
   inset 0px -3px 2px #000;
}</style>
<div><br><br><br></div>