css - CSS3トランジションがボタンで機能しない

Question

CSS3でスタイリングしている比較的複雑なボタンがあります。トランジションが機能していないことを除けば、意図したとおりに表示および動作します。ホバーなどでフェードするはずですが、動作せず、mozオペラとクロームでテストされています。運がありません。

これがフィドルへのリンクですhttp://jsfiddle.net/dsyne/DpsuN/1/

どんな助けでもいただければ幸いです、私は多くの異なることを試みました。たとえば、スタックを並べ替えます。トランジションで順序が重要かどうかわかりませんか？

編集：間違ったリンク申し訳ありません

Answer 1

グラデーションはまだトランジションを直接サポートしていません。背景色を定義してから、州全体で同じ純粋なアルファグラデーションを使用してシェーディングを追加する必要があります。

Answer 2

クラスの代わりにidを使用して遷移プロパティを指定します。私のために働いた！