chudovperyah

Safari > Настройки > Дополнения > Показывать меню разработка...
Но тут вопрос в другом - откуда под виндой сафари?

При начале ресайза тригерится ивент start. Запоминаем ширину и высоту.
После окончания ресайза тригерится ивент stop. Запоминаем ширину и высоту.
Дальше можно составить не сложную пропорцию и изменить принудительно высоту или ширину елемента.

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

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 ;
}
и соответственно уменьшил бы немного фигурку