2011-07-01 10 views
1

私はCSS3でスタイリングしている比較的複雑なボタンを持っていますが、トランジションとは別に意図したとおりに動作しません。それはホバリングなどで消えるはずですが、それはうまく動作していない、モズオペラとクロム、無運でテストされています。ここでCSS3のトランジションがボタンで機能しない

は、任意の助けをいただければ幸いですフィドルhttp://jsfiddle.net/dsyne/DpsuN/1/

へのリンクですが、私は多くの異なるものを試してみました。スタックの並べ替えなど。トランジションで順序が重要かどうかはわかりません。

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

答えて

1

グラデーションが直接、まだ移行をサポートしていません。あなたの背景色を定義し、陰影を追加するために状態全体で同じ純粋なアルファグラデーションを使用する必要があります。

+0

このような純粋なアルファを意味しますか? 'background:-moz-linear-gradient(top、rgba(0,102,153,0.8)、rgba(0,102,153,1));'ホバリング/フォーカス/アクティブ状態にグラデーションを追加したときではなく、通常の状態のグラデーションで動作しているように見えます。 – tcnarss

+0

アルファのみを変更する白い勾配を使用して最終的に動作させました。すべての状態でまったく同じ勾配値で作業するように見えます。注目すべきことは、背景色がCSSのグラデーションの下に宣言されていない限り、動作しないことです。正しい方向に私を指摘してくれてありがとう。 – tcnarss

+1

はい、ウェブデベロッパの喜びです! :-) –

関連する問題