鼠标悬停，有一个交互的效果。可以增强用户的体验，那么效果也是很简单的，用JQ的 hover来做 ，或者原生JS 来写，用CSS3 的 hover属性等等都是可以的，演示效果如下：
很适合一些产品展示效果，加载的是图片，当鼠标移入 图片放大，加一个蒙层，然后显示产品介绍，这个是基本的html代码结构：
关键样式开始transfrom 和hover 这些常用的属性：
基础的代码就很简单了，这个可以这里就不好分析了，可以获取源码 参考，和自己动手操作。
鼠标悬停效果案例讲解
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
