0

こんにちは私は最近このタイプのアニメーションがよく使われているのを見ました。私はこれをどのように達成できるかを調べて、スプライトなどのプラグインを見つけようとしましたが、何かが足りないのか、それともそのような効果を達成するためのより良い方法があるのか​​疑問に思っています。

これが私が話している種類のアニメーションの例です：

http://byassociationonly.com/about/

（オレンジ色の円のアイコンアニメーション）

ヒントやアドバイスは素晴らしいでしょう。

4

2 に答える 2

1

css を使用して背景画像を変更します。div にカーソルを合わせると、背景がアニメーション GIFに切り替わります

于 2013-01-03T09:52:27.230 に答える
0

私はウェブサイトのソース コードを調べました。どのように「:hover」を使用して CSS 経由でそれを行っているかを調べました。JavaScriptでも可能ですが、CSSの方が使いやすいと思います。

CSS コードの例:

#divName{
 background: url(linkToImage);
 background-repeat: no-repeat;
}
#divName:hover{
 background: url(linkToGIF);
 background-repeat: no-repeat;
}
于 2013-01-03T09:55:03.323 に答える