Как избавиться от бордюра?

Question

[chudovperyah]

Есть следующий элемент, отрисованный css'ом.
Проблема в том, что браузеры рисуют у него тоненький такой, но очень несимпатичный бордюрчик. Может быть кто-нибудь знает, как от этого бордюра избавиться?
Обнулять, задавать белый бордюр и т.п. — не помогает.

Answer 1

[Евгений Михалев]

Это не бордюр у вас, а цвет фона, который вылазит за границы градиента.
я бы сделал так

height: 200px;
width: 300px;
background: gray;
margin: 50px 0 0 20px;
-moz-transform: matrix(1, -0.3, -0.2, 1, 0, 0);
-webkit-transform: matrix(1, -0.3, -0.2, 1, 0, 0);
-o-transform: matrix(1, -0.3, -0.2, 1, 0, 0);
-ms-transform: matrix(1, -0.3, -0.2, 1, 0, 0);
transform: matrix(1, -0.3, -0.2, 1, 0, 0);
box-shadow:0px 0px 10px 4px gray ;
}
и соответственно уменьшил бы немного фигурку

Comments

[chudovperyah]

Ну раз без изменения размеров никак — попробую воспользоваться, спасибо!

Answer 2

[Silver_Clash]

Попробуйте задать тень так: 0 0 10px #AAAAAA, 0 0 10px #AAAAAA

Comments

[chudovperyah]

Вот с такой тенью получается норм 0 0 10px #AAAAAA, 0 0 10px #FFFFFF inset
Правда, ширина-высота при этом меняются — вот этого хотелось бы избежать (подгонять заново не хочется)…