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

CSS mega dropdown menu

A responsive and easy to customise mega-dropdown component that you may find useful when building a menu for your website or theme.

CSS mega dropdown menu

Trampoline effect with CSS and SVG

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background like a trampoline.

Trampoline effect with CSS and SVG

Pull menu interaction concept

An interesting pull menu interaction experiment for mobile devices made with few lines of CSS and Javascript.

Pull menu interaction concept

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

CSS responsive tabbed navigation

A responsive tabbed navigation with support for both horizontal and vertical menu positioning. CSS snippet created by Codyhouse.

CSS responsive tabbed navigation

Perspective page view navigation

Here is a full tutorial for creating a perspective page view navigation with CSS 3D animations. Published by Codrops.

Perspective page view navigation

Menu icon - CSS animations

Here is an interesting HTML/CSS snippet for creating nice menu icon animations. Coded by Bennett Feely.

Menu icon – CSS animations