2011-08-05 9 views
2

Googleでは、消えた+1ボタンの上にマウスを移動します。あなたは、一見光沢のあるタイプで画像がアニメ化されることに気付くでしょうか?画像を横切る光のように。彼らはこれにイメージを使用していますが、私はCSS3でこれを行う方法を知りたいと思います。ホバー上の任意のアイデアですか?また、誰でもこの効果が何であるか知っていますか?Google +1ボタンonHoverのような一見光るアニメーションを作成するには

おかげで彼らの場合

+0

+1私は同じことを考えています... – pixelbobby

+0

CSS3にはこの種の効果が含まれているとは思いませんが、画像スプライトと小さなJavaScriptを使用するのはかなり簡単です。 使用している画像は次のとおりです。 http://www.google.com/images/experiments/p1/p1sprite.png –

+0

これは、グラデーションオーバーレイでアニメーション化されています。 jsfiddle。 –

答えて

2

、彼らはスプライトを使用して、その後、それを介してアニメーション化されています。 Google Sprite

残念ながら、css3グラデーションをアニメーション化することはできません。バックグラウンドポジションは効果がないようです。あなたは現時点で画像を扱うだけです。

関連する問題