创建出现在CSS中的按钮

Question

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

扩大尺寸：

基本尺寸：

这就是我到目前为止的地方：http://dabblet.com/gist/3098607

我在复制时遇到的问题是按钮有一个阴影，使其看起来有点凸起。我试图用box-shadow复制此内容并没有运气。

任何人都有任何想法如何能够复制这种效果？任何帮助将不胜感激。

感谢。

Answer 1

尝试使用http://css3ps.com/ - 此服务可以尝试模仿您的photoshop图层样式。还有替代的PS插件http://csshat.com/（但不是免费的），这对我有很多帮助。

更新：

Created JSFiddle，试图在CSS3中实现你的按钮。请写一些反馈 - 这些是您正在寻找的机器人吗？

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

更新2：

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

Answer 2

看看这个：http://jsfiddle.net/xdWmd/4/
它使用一点CSS来使它看起来有点凸起。