<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>HTML5响应式图片模糊切换特效 - 网页模板</title>
<link rel="stylesheet" href="css/normalize.min.css">
<link rel='stylesheet prefetch' href='css/slick.css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="0" height="0" viewBox="0 0 1366 768" xml:space="preserve">
<!-- Gaussian blur filtter progression to animate -->
<defs>
<filter id="blur0">
<feGaussianBlur in="SourceGraphic" stdDeviation="0 0" />
</filter>
<filter id="blur1">
<feGaussianBlur in="SourceGraphic" stdDeviation="5 0" />
</filter>
<filter id="blur2">
<feGaussianBlur in="SourceGraphic" stdDeviation="12 0" />
</filter>
<filter id="blur3">
<feGaussianBlur in="SourceGraphic" stdDeviation="20 0" />
</filter>
<filter id="blur4">
<feGaussianBlur in="SourceGraphic" stdDeviation="35 1" />
</filter>
<filter id="blur5">
<feGaussianBlur in="SourceGraphic" stdDeviation="50 1" />
</filter>
</defs>
</svg>
<div class="slider">
<div> <img src="img/a1.jpg" alt=""> </div>
<div> <img src="img/a2.jpg" alt=""> </div>
<div> <img src="img/a3.jpg" alt=""> </div>
</div>
<script src="js/jquery.min.js"></script>
<script src='js/slick.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
HTML5响应式图片模糊切换特效.zip
版权申诉
112 浏览量
2022-11-18
22:13:44
上传
评论
收藏 294KB ZIP 举报
HTML5响应式图片模糊切换特效.zip （11个子文件） 
HTML5响应式图片模糊切换特效 
HTML5响应式图片模糊切换特效.jpg 60KB jiaoben5337 css 
normalize.min.css 2KB slick.css 1KB style.css 4KB img a1.jpg 51KB a2.jpg 45KB a3.jpg 100KB
index.html 1KB js jquery.min.js 91KB index.js 416B slick.min.js 41KB资源评论
