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

8 Virtual Winter Wonderlands Created with CSS & JavaScript

8 Virtual Winter Wonderlands Created with CSS & JavaScript

CSS / JavaScript / UI Design

We share an outstanding collection of winter-themed CSS and JavaScript code snippets. Bundle up and check out these creative & fun examples!

8 Stunning CSS & JavaScript Animated Code Snippets for Enhancing Illustrations

8 Stunning CSS & JavaScript Animated Code Snippets for Enhancing Illustrations

CSS / JavaScript / UI Design

We have a collection of CSS & JS snippets that take illustrations to the next level. Each one is editable, so feel free to play around with the code.

Code Snippets That Demonstrate the Repelling Effect in Web Design

Code Snippets That Demonstrate the Repelling Effect in Web Design

CSS / JavaScript / UI Design / Web Design

A collection of inspiring examples, complete with code snippets, to showcase the beauty and intrigue of the repelling effect in web design.

8 CSS & JavaScript Code Snippets for Creating Realistic Animation

8 CSS & JavaScript Code Snippets for Creating Realistic Animation

CSS / JavaScript / UI Design

A collection of CSS and JavaScript code snippets that bring an element of realism to web animation. Full-on recreations to real-world effects.

8 Inspiring Examples of Brand-Related Splash Screens in Web Design

8 Inspiring Examples of Brand-Related Splash Screens in Web Design

Inspiration / Web Design

These beautifully crafted examples of brand-related splash screens all help to support brand identity and maintain design consistency.

8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends

8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends

CSS / JavaScript / UI Design

Because cats are so universally loved, they make a great subject for CSS & JavaScript code demonstrations. You will love this fantastic collection of snippets!

10 Amazing Animated Text CSS & JavaScript Code Snippets

10 Amazing Animated Text CSS & JavaScript Code Snippets

CSS / JavaScript / UI Design

You will be able to make some pretty dazzling animated text effects with the basic CSS (and few lines of JavaScript) code snippets we have for you here.

10 CSS Snippets for Creating Stunning Animated Underline Text Effects

10 CSS Snippets for Creating Stunning Animated Underline Text Effects

CSS / UI Design

You may not think there’s a lot you can do with standard text underlines, but if you delve into CSS animation you’ll see just how much you really can do!

Using Images to Improve the CSS Hover Effect

Using Images to Improve the CSS Hover Effect

CSS

Hover is one of the oldest selectors in the CSS family. While we are accustomed to believing that it only pairs up beautifully with a link, in fact it can…

Set Your Text in Motion with These Dazzling Effects

Set Your Text in Motion with These Dazzling Effects

CSS / UI Design

The trend of setting text in motion rules these days. You can’t help but follow the madness and develop an obsession of injecting life into your typography.

Attack of the Blob-Based Animated Backgrounds in Web Design

Attack of the Blob-Based Animated Backgrounds in Web Design

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design

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 Slider & Carousel jQuery Plugins

15 Free Slider & Carousel jQuery Plugins

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

CSS / JavaScript / UI Design

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

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

Inspiration / Web Design

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

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

CSS
1234