Glorious Demo is the easiest way to demonstrate your code in action.
API
Page Flip Layout with CSS Grid & TweenMax
Today we’d like to share a flat take on a magazine-like layout with a “page flip” animation. When navigating, the content gets covered and then the next “pages” show. Depending on how far the pages are apart (when choosing a page from the menu), we show multiple elements to cover the content, creating a flat page flip look. The layout is powered by CSS Grid.
jQuery Floating Scrollbar Plugin
A lightweight jQuery plugin providing floating scrollbar functionality.The general purpose of the plugin is to provide some lengthy containers on the page with a separate horizontal scroll bar, which does not vanish from sight when the entire page is scrolled. So, the user will always be able to scroll the container even if its own scroll bar is outside the viewport.
Lengthy : MicroLibrary for SVG Shape Length in a CSS Var
Lengthy is a JavaScript microlibrary (1.2kb min, 0.7kb gzipped) to get the length of SVG shapes. The length will automatically be added to the element as a CSS Var to make it easy to do CSS animations of SVG stroke-dashoffset for the wonderful line drawing SVG technique and other interesting animations.
Scenic 3D Photo Parallax with JavaScript
Scenic – is a simple script that automatically animates layers of still imagery during scrolling for creating an illusion of 3D. It pans and zooms a photo to achieve a parallax effect.
You can also use any html elements as layers like ‘div’ with text or buttons.
For creating 3D photos you will need to break your photo into layers. You can do it easily in editors like Adobe Photoshop. When you purchase our script you also get a video tutorial about creating layers in Photoshop.