jquery - これらの効果をjQueryで行う方法は? (フェード ホバーとスライド アイコン)

Question

私は、次のようなリンクで同様の効果を発揮するスクリプトを必死に探しています: http://applemaybe.com/

トップメニューに表示され、リンクをクリックすると、ホバー状態はすぐには来ませんが薄くなり、アイコンもうまくスライドします。まったく同じ効果が得られるスクリプトが必要です。

どんな助けでも感謝します。

Answer 1

彼らは実際に CSS3 トランジションを使用しています。目を楽しませる効果であるため、すべてのブラウザーで機能するとは限らないことを受け入れる場合は、同じことをお勧めします。JavaScript で実行すると、おそらく良い結果が得られず、パフォーマンスが低下する可能性もあります。

CSS3 で行うのは簡単かつ迅速です。上記のサイトには、次の CSS3 クラスがあります。

a, .link {
    -moz-transition: color 0.4s ease-in-out 0s;
    ...
}

ただし、この場合、Firefox でのみ機能します。CSS3 はまだ完成していないので、将来進化する可能性があることに注意してください。

CSS3 トランジションのドキュメントについては、このページを参照してください。