The new Skew Effect on Scroll available since Uncode 2.5.0 is a unique scrolling effect for the most creative creators that creates a memorable first impression. This effect creates a skew visual distortion when scrolling the page. Probably the most up-to-date developers and designers have seen this effect recently on several award-winning design websites. The new Skew effect is perfect for presenting an unconventional portfolio, a trendy product, or a creative landing page.

Please find below some examples of Table layouts on our demo site:

• Creative Freelance
• Portfolio Designer

This option can be activated, depending on the context you want to use it:

• For the whole site from the Theme Options → Customise → Scroll & Parallax;
• For a specific page from the Page Options → Scroll;
• For some modules as Row/Columns, Posts, Media Gallery, Single Media, and Heading at the Extra tab.

Notes

1. For technical reasons, this effect is not compatible with the fixed position elements, such as Sticky columns or absollute Vertical Element.
2. If you use this option on a page where the Header and Footer have different colors, with speedy scrolling, you might see the HTML background, which remains visible when the page is repositioning. To get around this, you can insert a simple code in Page Options → CSS and give the HTML Background the same color as the Footer. This is an example of configuration, taken from the Creative Designer example, screenshot

   body:before {
       background: #fff;
       content: '';
       display: block;
       height: 100vh;
       left: 0;
       position: absolute;
       top: 0;
       width: 100%;
       z-index:0;
   }