css3滚动倾斜,jQuery 3D倾斜滚动页面效果

tiltedpage-scroll是一款十分美妙的jQuery 3D倾斜图片插件。使用这个插件你可以做成一个很漂亮的3d倾斜图片滚动效果。

HTML结构

...

...

...

...

调用方法

首先要引入jQuery和jquery.tiltedpage_scroll.js

$(".main").tiltedpage_scroll({

sectionContainer: "> section", // In case you don't want to use tag, you can define your won CSS selector here

angle: 50, // You can define the angle of the tilted section here. Change this to false if you want to disable the tilted effect. The default value is 50 degrees.

opacity: true, // You can toggle the opacity effect with this option. The default value is true

scale: true, // You can toggle the scaling effect here as well. The default value is true.

outAnimation: true // In case you do not want the out animation, you can toggle this to false. The defaul value is true.

});