外包项目开发时,需要一些鼠标移到图片上的动画效果,正好之前看到过类似的文章,将其也整理一遍发到自己的博客上,方便搜索复用。
imagehover.css
效果演示地址
基本实例代码
<figure class="imghvr-fade">
<img src="example-image.jpg" alt="example-image">
<figcaption>
<h3>图片标题</h3>
<p>这是一个例子!</p>
</figcaption>
<a href="javascript:;"></a>
</figure>
npm安装使用
npm install imagehover.css