javascript - css3またはjavascriptのいずれかを使用してWebkitグラデーションをアニメーション化する方法は？

Question

基本的に私はCSS3グラデーションを設定し、ホバー時にその色の1つを大きくしたいと思っていますが、これを実現する方法がわかりません。

現時点での私のフィドルは、ホバーして少しおかしくなり、サイズを正しいサイズに変更します。ページから飛び出すのではなく、青い領域が大きくなるだけで、移行がはるかにスムーズになります。誰かが素晴らしいアドバイスを提供できれば。

フィドル： http： //jsfiddle.net/VQaGh/2/

Answer 1

を移行する必要はありません。この場合は、http：//jsfiddle.net/VQaGh/4/のようになりbackground-positionます。background-size

そして、なぜ古代のWebkit構文を使用しているのですか？適切な構文を参照してください。

また、私が少し前に行ったこのアニメーショングラデーションのデモを確認することもできます。