動きのあるgif動画をリンクボタンにする

最近良く見かけるので忘れんうちに。

gif動画を用意。

んで、

HTML

<p><a href="#">テキスト</a></p>

CSS

text-indent: -999em;
background: url(画像) repeat;

テキストインデントでテキストを飛ばす方法。 なんか昔は、ダメ！絶対！とかなっていたけど、まぁ、使いやすいならOKなのかも。

※あ、でもだめぽいね（笑）

text-indent-9999pxによる画像置換えと隠しテキスト