Sometime a simple state change on mouse-enter doesn't quite work. Instead, what if the icons only popped over to their hover state for a brief moment?

Some fresh UI interaction and animation concepts for your inspiration.

What happens when you have two simultaneous animations in CSS that modify the same property?

Browser layouts are difficult to animate. Layout projection provides a method of animating layouts at 60fps with no visual distortion.

Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is.

Learning basic movements for interactions with visual examples.

What if we could make certain actions not just successful, but celebrations?

Easy to implement, 3D typography for any website and every font.

Caution: Terrible sense of humor ahead. We’ll talk about practical stuff, but the examples pretty much all involve zombies and silly jokes.

I wanted to do a handwriting animation for calligraphy fonts — the kind where the words animate like they are being written by an invisible pen.

Animations can make a site stand out. Or, they can just as easily kill the experience.

A fresh roundup of the most interesting and creative web experiments from the last couple of weeks.

An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.

Amazing animation resources and inspiration from around the web.

How to build CSS animations and transitions in your interfaces that are inclusive, accesible and will enhance your users’ experience.

A fresh set of inspirational UI interactions and animations from the past couple of weeks.

A couple of ideas for creative menu hover animations with images.

Discover how we designed and implemented a new micro-interaction for our heart icon.

Drag and drop from ever growing library of mockup items and create your design or animation in minutes

A couple of weeks have passed and a fresh collection of inspirational UI shots is waiting for you!