animation

Animated SVG Icons with Snap.svg

By Mary Lou on

Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it and animate some SVG icons ...

Animations for Thumbnail Grids

By Mary Lou on

There are many parts of a website where we can apply nice transitions to make things more interesting. Images are certainly great entities for playing with fancy eff ...

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. ...

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. ...

Slit Slider Revised

By Mary Lou on

Slit Slider is a slideshow with a twist: when navigating the slides, the current one will be "cut open" into two slices and moved away, revealing the next or previou ...

Sliding Image Panels with CSS3

By Mary Lou on

Today we'll show you how to create some neat sliding image panels with CSS only. The idea is to use background images for the panels and animate them when clicking o ...