2款效果酷炫的css3鼠标悬停图片动画特效，鼠标hover图片的时候，伴随着好看的动画出现文字标题说明和图标链接。

CSS3图片HOVER炫酷动画效果

这是一款效果超酷的纯CSS3鼠标滑过图片动画效果，它共分为8组不同的效果，它们分别在鼠标滑过图片时，以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。 这些鼠标滑过图片时的动画效果都是使用CSS3来完成的，分别有：滑动效果，倾斜效果，翻转效果，旋转效果等等，下面是一张GIF的预览图片。 在线预览    源码下载 使用方法 在页面中引入hover-effects.css文件。 CSS Code复制内容到剪贴板               

在百度音乐看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下： 大体思想是，设计一个透明层i，skewx在X轴上做了负25度的变形，背景颜色用的是CSS3的线性渐变linear-gradient，然后hover的时候，设置0.5s的动画时间。 同时在 i 层使用 cursor:pointer，如果不设置这个的话，需要等透明层动画之后才能看得到 pointer 指针。 打开 fireBUG 调试来看会更加清楚! 复制代码代码如下: <