<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>CSS3图像过滤移轴效果 - 网页模板</title>
<link rel="stylesheet" href="example/example.css">
<link rel="stylesheet" href="jquery.tiltShift.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="jquery.tiltShift.js"></script>
<!-- tiltShift plugin start -->
<script>
jQuery(document).ready(function() {
$('.tiltshift').tiltShift();
});
</script>
<!-- tiltShift plugin end (I know, was crazy) -->
</head>
<body>
<article id="main">
<div class="social">
<div style="position:relative;top:33px;display:inline">
<div class="g-plusone">
</div>
</div>
</div>
<!-- tiltshift example 1 -->
<div class="frame">
<img src="example/example2.jpg" class="tiltshift" data-position="55" data-blur="2" data-focus="15" data-falloff="10" data-direction="y" alt="See credits at bottom of page for Photograpger link">
</div>
<!-- tiltshift example 2 -->
<div class="frame">
<img src="example/example1.jpg" class="tiltshift" data-position="70" data-blur="1" data-focus="10" data-falloff="20" data-direction="y" alt="See credits at bottom of page for Photograpger link">
</div>
<!-- tiltshift example 3 -->
<div class="frame">
<img src="example/example3.jpg" class="tiltshift" data-position="50" data-blur="2" data-focus="10" data-falloff="10" data-direction="y" alt="See credits at bottom of page for Photograpger link">
</div>
<!-- tiltshift example 4 -->
<div class="frame">
<img src="example/example4.jpg" class="tiltshift" data-position="50" data-blur="2" data-focus="4" data-falloff="6" data-direction="x" alt="See credits at bottom of page for Photograpger link">
</div>
</article>
<div style="text-align:center;clear:both">
<p>适用浏览器：FireFox、Chrome、Safari、傲游、搜狗. 不支持IE8、360、Opera、世界之窗。</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
CSS3图像过滤移轴效果 CSS3图像过滤移轴效果网页特效.zip （10个子文件） 
CSS3图像过滤移轴效果 CSS3图像过滤移轴效果网页特效 jiaoben1194 example 
roughcloth.png 70KB
example4.jpg 70KB hover.png 2KB example2.jpg 127KB example3.jpg 160KB example1.jpg 190KB
example.css 2KB jquery.tiltShift.css 267B
index.html 2KB jquery.tiltShift.js 3KB资源评论
