css - CSS3过渡不适用于按钮

Question

我有一个相对复杂的按钮，我正在使用 CSS3 进行样式设置，除了过渡不起作用之外，它的外观和行为都符合我的预期。它应该在悬停等时消失，但它只是不工作，在 moz 歌剧和 chrome 中测试，没有运气。

这是小提琴http://jsfiddle.net/dsyne/DpsuN/1/的链接

任何帮助将不胜感激，我尝试了许多不同的事情。例如重新排序堆栈。我不确定顺序对转换是否重要？

编辑：错误的链接对不起

Answer 1

渐变还不直接支持过渡。您应该定义背景颜色，然后使用跨状态相同的纯 alpha 渐变来添加阴影。

Answer 2

使用 id 来指定转换属性而不是类。为我工作！