没有css渐变，这里是浮雕的东西，但不是斜角在你的例子中：

下面是一个简单类的渐变：

.bevelish {

width: 200px;

height: 50px;

box-shadow: inset 0px -5px 30px 3px #000052;

background: #2f2e59;

background: -moz-linear-gradient(top, #2f2e59 40%, #00003d 60%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#2f2e59), color-stop(60%,#00003d));

background: -webkit-linear-gradient(top, #2f2e59 40%,#00003d 60%);

background: -o-linear-gradient(top, #2f2e59 40%,#00003d 60%);

background: -ms-linear-gradient(top, #2f2e59 40%,#00003d 60%);

background: linear-gradient(to bottom, #2f2e59 40%,#00003d 60%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2e59', endColorstr='#00003d',GradientType=0);

}

的关键是在箱阴影的插图，还有还有，我相信第5个参数，你可以为影子的强度添加一个像素值，因此您可以使用这些值进行操作，并尝试接近某种倾斜的东西，但我不确定您是否可以将其设置为“锐利”的斜角。