主要为大家详细介绍了CSS3制作炫酷带方向感应的鼠标滑过图片3D动画，具有一定的参考价值，并兼容目前最新的各类主流浏览器，感兴趣的小伙伴们可以参考一下

这是一款使用CSS3和一点JS来制作的炫酷带方向感应的鼠标滑过图片3D动画特效。在特效中，当用户的鼠标滑过网格中的图片时，网格中的内容遮罩层会出现3D翻转动画，并且带有方向感应，能够从鼠标进入的方向开始翻转，效果非常的酷。 在线预览    源码下载 使用方法 HTML结构 该方向感应鼠标滑过动画的HTML结构采用无序列表的HTML结构来制作网格布局，每一个元素是一个网格。每个网格中使用一个元素来进行占位，实际上它是一个图片的小图标。另外div.info是要进行3D翻转的遮罩层。 XML/HTM