鼠标悬停

CSS3鼠标悬停

 

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

 

引用插件：

 

 

编写代码：

 

<div class="demo">

                <figure class="imghvr-fade">

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

                    <figcaption>

                        <h3>Hello Worldh3>

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

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

                figure>

            div>

 

运行效果：