transition

Animated Border Menus

By Mary Lou on

A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps. ...

Dynamic Grid with Transitions

By Mary Lou on

A dynamic grid layout that let's you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can ad ...

Morphing Devices

By Mary Lou on

An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots. ...

Simple YouTube Menu Effect

By Mary Lou on

A tutorial on how to recreate the effect of YouTube's little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item ...

Designing with Motion

By Henry Modisett on

Animations in a website or app should be subtle, complex, and natural. The right combination of these can make a UI feel responsive and alive. ...

Swatch Book with CSS3 and jQuery

By Mary Lou on

A tutorial about how to create a swatch book like component that let's you open and rotate the single swatches revealing some details. We will be using CSS transform ...