Animated page transition with Ajax

A tutorial that explains how to create an ajax powered page transition, with a slide-in content animation triggered by a side navigation.

Animated page transition with Ajax

Page scroll effects

A mini-library including 8 page scroll effects you can use for your silders. A little gem by CodyHouse.

Page scroll effects

Grid item animation layout

A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.

Grid item animation layout

Flipside - Button to modal

Flipside is a button that seamlessly transitions from action to confirmation created with few lines of CSS and jQuery.

Flipside – Button to modal

Morphing modal window

A call-to-action button that animates and turns into a full-size modal window with a morphing effect. Created by CodyHouse team.

Morphing modal window

Content filter with CSS & jQuery

An awesome tutorial explaining how to create a slide-in filter panel powered by CSS and jQuery. Created by CodyHouse.

Content filter with CSS & jQuery

3D Curtain effect

A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.

3D Curtain effect

Mega-Site Navigation with CSS and JS

A responsive and easy to customise navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.

Mega-Site Navigation with CSS and JS