CSS3鼠标悬停

CSS3鼠标悬停

 

当鼠标停放在图片时会在当前的图片出现页面特效动画，可用于显示该图片的信息等功能

 

引用插件：

imagehover.css

编写代码：

 

 <div class="demo">

                <figure class="imghvr-fade">

                    <img src="~/悬停/img/example-image.jpg" alt="example-image">

                    <figcaption>

                        <h3>Hello World</h3>

                        <p>Life is too important to be taken seriously!</p>

                    </figcaption><a href="javascript:;"></a>

                </figure>

            </div>

 

运行效果：