我正在试图深入了解CSS3渐变（尤其是径向渐变），在这个过程中，我认为我给自己设置了一个相对艰巨的挑战。
在Adobe Illustrator中，我创建了以下“按钮”样式：
为了创建这个图片，我创建了一个带有背景颜色rgb(63,64,63) 或 #3F403F 的矩形，然后设置了15像素的边框半径。
然后，我对它应用了25%不透明度，8px模糊，白色从中心到外侧的“内发光”。 最后，我对其应用了3pt白色描边。（如果上面的图片不足以说明问题，我告诉你所有这些细节是为了让你复制我的效果。）
因此，我的问题是：
是否可能使用CSS重新创建此“按钮”，而无需使用图像？
我知道Internet Explorer的“限制”（出于实验目的，我不关心它），我也知道webkit中存在一个小的“错误”，会不正确地呈现具有背景颜色、边框半径和边框（与背景颜色不同的颜色）的元素 - 它会让背景颜色渗透到曲线角。
到目前为止，我最好的尝试还相当糟糕，但供参考的代码如下：
section#featured footer p a
{
color: rgb(255,255,255);
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
text-decoration: none;
padding: 5px 10px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid rgb(255,255,255);
background: rgb(98,99,100);
background: -moz-radial-gradient(
50% 50%,
farthest-side,
#626364,
#545454
);
background: -webkit-gradient(
radial,
50% 50%,
1px,
50% 50%,
5px,
from(rgb(98,99,100)),
to(rgb(84,84,84))
);
}
基本上很糟糕。非常感谢任何提示或建议，在此提前表示感谢！