tiltedpage-scroll.js 3D滚动倾斜效果
3D 滚动效果的 tiltedpage-scroll.js 挺有意思，用来做全屏滑动页面，视觉冲击感蛮强的。它能把上下滚动变成立体倾斜的效果，像是页面在你眼前歪了一下那种感觉。用起来也不难，HTML 结构规范点、初始化一下基本就能跑。
tiltedpage-scroll.js的核心就是利用CSS3 的 transform和perspective属性，配合滚动事件搞出倾斜+过渡的视觉反馈。比普通滚动动画更有层次，适合做作品展示页或者品牌类的网站。
上手方式也比较简单。先在结束前引入脚本文件，给每个页面 section 加上特定类名，比如.page之类的。调用初始化代码就行：
$(document).ready(function() {
$('#container').tiltedPageScroll({
speed: 800,
angle: '4deg',
easing: 'easeInOutQuart'
});
});参数可以自定义，像speed控制滚动速度，angle设置倾斜角度，easing选个喜欢的缓动函数就行，常见的像easeInOutQuart、linear之类的都支持。
比较贴心的一点是，它对响应式也有考虑，你可以设置断点屏蔽效果，手机上就不强制启用，避免搞得太花。浏览器兼容性也还行，主流现代浏览器基本都能跑，老一点的 IE 嘛，你懂的，可以忽略了。
如果你在做类似作品集展示、品牌或者要给客户一点“哇”的感觉的页面，不妨试试这个库，视觉效果挺吸睛的。不过也别用太多，重动画轻内容可不太妙。
想要玩更多 3D 的效果？可以看看这些：
下载地址
用户评论
