CSS
【CSS】CSSイメージホバーエフェクトライブラリimagehover.css
August 16, 2016

imagehoverは軽量で簡単にホバー効果を実現するためのCSSイメージホバーエフェクトライブラリ。
<head> <link rel="stylesheet" href="css/imagehover.min.css"> </head>
<figure class="imghvr-fade"> <img src="#"> <figcaption> // Hover Content </figcaption> </figure>
<figure class="imghvr-fade"> <img src="#"> <figcaption> // Hover Content </figcaption> <a href="http://www.imagehover.io"></a> </figure>
<figure class="imghvr-fade" style="background-color:#D14233;"> <img src="#"> <figcaption> // Hover Content </figcaption> </figure>
[class^='imghvr-'], [class*=' imghvr-'] { background-color: #D14233; }
MITライセンス