鼠标悬停效果案例讲解

鼠标悬停，有一个交互的效果。可以增强用户的体验，那么效果也是很简单的，用JQ的 hover来做 ，或者原生JS 来写，用CSS3 的 hover属性等等都是可以的，演示效果如下：

很适合一些产品展示效果，加载的是图片，当鼠标移入 图片放大，加一个蒙层，然后显示产品介绍，这个是基本的html代码结构：

关键样式开始transfrom 和hover 这些常用的属性：

基础的代码就很简单了，这个可以这里就不好分析了，可以获取源码 参考，和自己动手操作。