css - 创建在 CSS 中出现的按钮

Question

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

放大尺寸：

底座尺寸：

这就是我目前所处的位置：http: //dabblet.com/gist/3098607

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

有人知道如何复制这种效果吗？任何帮助，将不胜感激。

谢谢。

Answer 1

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

更新：

创建了 JSFiddle，试图在 CSS3 中实现你的按钮。请写一些反馈——这些是你要找的机器人吗？

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

更新 2：

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

           

Answer 2

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