• ベストアンサー

マウスを乗せた時の効果について

よろしくお願い致します。 http://blog.sakurachiro.com/2010/05/z-index/ 内の「左 / IE7で表示、右 / IE8で表示したスクリーンショット」の文言下の画像にマウスを乗せると、画像の周りを点線が移動するようになっておりますが、これはどうやって実現しているのでしょうか?  こういった画像(?)の作り方など、何かお分かりの方がいらっしゃいましたらご教授頂ければ幸いです。

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

ソースをは隠されていないので、読めばわかりますが 単純にアニメーションGIFを背景にしているだけです。 セレクタ:hover{background-image:url()     :動的な擬似クラス{背景} firefox+fireBugで調べると良いです。

patsaysnow
質問者

お礼

ご回答頂きありがとうございました。おっしゃる通り、アニメーションGIFを背景画像として使われておりました。ありがとうございました。

関連するQ&A