Topic Archives

CSS Animation

Collections of tutorials, snippets, web-based tools, and best practices for creating smooth and dynamic transitions and animations with CSS.

View all CSS content

Attack of the Blob-Based Animated Backgrounds in Web Design

Attack of the Blob-Based Animated Backgrounds in Web Design

By
CSS / JavaScript

We’ve created this collection of HTML, CSS & JavaScript snippets that will show you how to build your own animated blob-shaped animation background.

10 Coded Animated Scenes for Halloween Design Inspiration

10 Coded Animated Scenes for Halloween Design Inspiration

By
CSS / JavaScript

If you have been hunting around for some Halloween design ideas and inspiration, we have created a collection of animated scenes to help you out. Some of them may give…

15+ Free Procreate Color Schemes & Swatches for Digital Artists

15+ Free Procreate Color Schemes & Swatches for Digital Artists

By
Digital Art

Collections of free palettes designed to inspire and simplify the process of selecting colors for your digital artwork in Procreate. Download them all!

15 Free Slider & Carousel jQuery Plugins

15 Free Slider & Carousel jQuery Plugins

By
JavaScript

These slideshow & carousel jQuery plugins are simple to implement with just a few lines of code. Some plugins also use CSS transitions and animations.

Bringing the Curtain Effect to Your Website with These Snippets

Bringing the Curtain Effect to Your Website with These Snippets

By
CSS / JavaScript

The curtain effect will not make your design pop or amaze users, but certainly can engage visitors, smarten the design, and enrich the user experience.

10 Beautiful Examples of Particle Animation in Web Design

10 Beautiful Examples of Particle Animation in Web Design

By
CSS / JavaScript

Taking the Web by storm, particle animations managed to carve out quite a niche for themselves several years ago. The massive current obsession with designs that have a high-tech vibe…

10 Fantastic Examples of Dynamic Centerpieces in Web Design

10 Fantastic Examples of Dynamic Centerpieces in Web Design

By
Inspiration

All is fair in love and the fight for clients, especially in the digital world. Unlike the real one, where you can use various psychological tricks to foist the goods…

Ask Your Developer To Do These Simple Things To Spice Up Your Site

Ask Your Developer To Do These Simple Things To Spice Up Your Site

By
Web Design

You designed a new website, and you’re excited about it. You spent hours poring over the smallest details – finding just the perfect font, moving that icon down two pixels…

Simple CSS Transition, Transform & Animation Tutorial

Simple CSS Transition, Transform & Animation Tutorial

By
CSS

This is part 1 of a series of tutorials about practical use cases of CSS transitions, transforms, and animations. In this tutorial, we’ll look at a “flipping card” scenario, and…

10 Recent Inventive Examples of Animation in Web Design

10 Recent Inventive Examples of Animation in Web Design

By
Inspiration

In a creative profession like web design, inspiration plays a huge part in your daily work schedule. It’s not always easy to come across inspiration which is why I started…

How to Create Amazing Page Effects with jQuery UI

How to Create Amazing Page Effects with jQuery UI

By
JavaScript

If you’re familiar with developing JavaScript, then you must know about jQuery. It’s an extremely powerful library that allows you to write much simpler code and express the same result….

Beginner’s Guide to Animated Website Tours

Beginner’s Guide to Animated Website Tours

By
UX Design
Previous Page3456Next Page