创建在CSS中显示为凸起的按钮

我正在将一个基于图像的按钮转换为一个我正在处理的应用程序的CSS专用按钮。以下是当前图像的示例：

放大尺寸：

基本尺寸：

到目前为止，我的情况如下：

我在复制时遇到的问题是，按钮有一个阴影，使它看起来有点凸起。我没有运气尝试用

box shadow

复制这个

有人知道我怎样才能复制这种效果吗？任何帮助都将不胜感激

谢谢。

看看这个：
它使用了一点CSS使它看起来有点高。

尝试使用-此服务可以尝试模仿您的photoshop图层样式。另外还有其他PS插件（但不是免费的），对我帮助很大

更新：

，尝试在CSS3中实现you按钮。请写一些反馈——这些是你要找的机器人吗

也许阴影必须向左移动1px，但这不是重点

更新2：

或者，也许（我反复阅读这个问题，试图找出必要的行为），你们会喜欢这样：

---

您的图像被拉伸。你能不能不失真地张贴图片？现在我不明白CSS有什么问题。@fedosov我用基本大小更新了我的问题。这看起来怎么样：

box shadow:0px 2px 3px rgba（0,0,0,0.5），inset 0px 0px 2px rgba（154147113,0.95）？@Tom这看起来比我的好，但仍然没有达到我想要的效果。我在寻找按钮内侧的斜边，使其看起来凸起。我明白了。我不知道如何在纯CSS中做到这一点，只使用一个元素，没有图像。你为什么要这样做？使用图像设计按钮元素的样式有什么错？谢谢你的回答，但我想用一个元素来完成。