2

以下のリンクでこのクロムロゴにカーソルを合わせると、このホバリング効果はグーグルクロムページでどのように行われますか?

https://www.google.com/intl/en/chrome/

4

2 に答える 2

0

それは最初にスタイルを持っているように見えます:

-webkit-mask: -webkit-gradient(radial, 17 17, 123, 17 17, 138, from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));

そしてホバーすると、グラデーションはすぐに次のようになります。

-webkit-gradient(radial, 17 17, 0, 17 17, 0,

そして元の状態に戻ります。

この影響をどのように実行するかは不明です。Javascriptを実装し、ホバーすると、グラデーションがリセットされ、それらの数値が元の数値よりも小さい間、増加するというある種のループが実行されると思います

于 2013-04-12T20:24:45.523 に答える