HTML5+CSS3鼠标悬停图片事件(收集30种)

  •   
  • 4040
  • HTML
  • 1
  • super_dodo
  • 2015/10/29

随着HTML5+CSS3的广泛应用，现在的图片展示也是越来越丰富多彩了。此处借鉴优秀的关于鼠标悬停图片事件的收集和整理。分享出来，以供大家学习交流和借鉴。此处约莫收集了30种展示效果。

直接上展示图部分如下：
QQ截图20151029140441

点击进入Demo展示页面

点击下载Demo源码

使用方法：

1、调用CSS样式：
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />

2、必要样式：
<link rel="stylesheet" type="text/css" href="css/set1.css" />

3、添加HTML代码：
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码；放在<body></body>之间。

请用支持HTML5+CSS3主流浏览器预览效果。（兼容测试：FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器）

如果有来生，要做一棵树，站成永恒，没有悲欢的姿势。一半在土里安详，一半在风里飞扬，一半洒落阴凉，一半沐浴阳光，非常沉默非常骄傲，不依靠不寻找。