使用方法
引入css文件和js文件
<link rel="stylesheet" href="example/example.css"> <link rel="stylesheet" href="jquery.tiltShift.css"> <script src="http://libs.baidu.com/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>
<img src="url" class="tiltshift" data-position="50" data-blur="2" data-focus="10" data-falloff="10" data-direction="y">
更多详细用法及说明可参考官方网站