HTML5+CSS3鼠标悬停图片特效

时间:2023-02-05 03:52:18

HTML5+CSS3鼠标悬停图片特效

点击预览效果            下载该特效: HTML5+CSS3鼠标悬停图片特效HTML5+CSS3鼠标悬停图片特效.zip

特效说明:

一款HTML5+CSS3鼠标悬停图片事件网页特效,集合了最流行鼠标悬停图片文字、图片动画移动、渐隐渐显动画特效。

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

使用方法:
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>之间。