Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

#Tilted Page Scroll by Pete R. Create a beautilful 3D tilted scrolling effect for your website with jQuery Tilted Page Scroll. Created by Pete R., Founder of Travelistly and BucketListly


View demo


Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested. I have not tested this on IE.

Basic Usage

With this plugin, you can create a beautiful scrolling effect and turn a simple layout website into something surprising.

To do this, first you have to include the latest jQuery library together with jquery.tiltedpage_scroll.js and tiltedpage_scroll.css into your document's <head>. Now lay out your HTML markup as follows:

<div class="main">
  <section class="page1">
  <section class="page2">
  <section class="last-page">

That's it for the HTML part. Isn't that easy? Now, you can just call the function like this, and watch the magic happens:

    sectionContainer: "> section",     // In case you don't want to use <section> 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.

Now you will have another cool way to showcase your website to your viewers. I hope you find this free plugin useful.

If you want to see more of my plugins, visit The Pete Design, or follow me on Twitter and Github.

Other Resources

  • Tutorial (Coming Soon)


Create a beautiful 3D tilted effect on scroll with jQuery Tilted Page Scroll plugin







No releases published


No packages published