Site icon シドニーで働くプログラマーのBlog(今はIT会社の経営者)

CSSによる画像ロールオーバーのちらつきを防ぐ方法

最近、久しぶりデザインをすることが増えたので、CSSを触っているんですが
CSSを使って画像ロールオーバー使うことがあるのですが、それが画面を開いた段階では、a:hoverに指定した画像を読み込みに行ってくれなくて
困っておりました。そこで下記方法を思いつき対応しました。

サンプル

画像を一枚にまとめます

使用した画像

htmlのソース

CSS

Exit mobile version