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 CSS & JavaScript Snippets for Wild & Crazy Backgrounds

8 CSS & JavaScript Snippets for Wild & Crazy Backgrounds

By
CSS / JavaScript

We take a look at an area that will grab your attention: wild and crazy background patterns built with CSS and JavaScript. No subtlety here.

10 CSS Snippets for Creating Loading Spinners

10 CSS Snippets for Creating Loading Spinners

By
CSS

Whether designing an Ajax-powered app or wanting to add a fun preloader to your website, these CSS spinner snippets are just what you need.

25+ Best Free Serif Fonts for Creatives

25+ Best Free Serif Fonts for Creatives

By
Fonts

A collection of the best free serif fonts currently available. Typefaces that beautifully combine aesthetics, functionality, and readability.

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

By
CSS / JavaScript

A collection of liquid effects CSS & JavaScript snippets that are incredibly realistic, while others are reminiscent of a sci-fi fantasy.

8 CSS & JavaScript for Creating Animated Backgrounds

8 CSS & JavaScript for Creating Animated Backgrounds

By
CSS / JavaScript

We share a collection of CSS and JavaScript snippets for creating animated backgrounds. They will all add flair to previously-static features.

8 CSS & JavaScript Snippets That Feature Wood Textures

8 CSS & JavaScript Snippets That Feature Wood Textures

By
CSS / JavaScript

A collection of unique CSS and JavaScript snippets for creating wood backgrounds, textures, and components.

8 CSS & JavaScript Snippets for Creating Hand-Drawn Elements

8 CSS & JavaScript Snippets for Creating Hand-Drawn Elements

By
CSS / JavaScript

A collection of CSS and JavaScript code snippets for giving a hand-drawn style to elements and typography.

8 Black & White CSS & JavaScript Snippets That Make a Bold Statement

8 Black & White CSS & JavaScript Snippets That Make a Bold Statement

By
CSS / JavaScript

Find inspiration from this collection of B&W CSS and JavaScript code snippets. Eye-catching animation, typography, and other bold elements.

12 Stunning Examples of Hamburger Menu Transitions for Inspiration

12 Stunning Examples of Hamburger Menu Transitions for Inspiration

By
Inspiration

We explore a collection of beautifully designed websites that have created some truly stunning hamburger menu transitions.

The Role Functional Animation Plays in Improving User Experience

The Role Functional Animation Plays in Improving User Experience

By
UX Design / Web Design

We explore how functional animations can guide users, enhance user experience, and, at times, add delight to interfaces.

8 CSS & JavaScript Snippets That Celebrate Books

8 CSS & JavaScript Snippets That Celebrate Books

By
CSS / JavaScript

We share a collection of book-related CSS and JavaScript code snippets. You’ll find everything from 3D objects to fully-interactive page-turners.

8 Virtual Winter Wonderlands Created with CSS & JavaScript

8 Virtual Winter Wonderlands Created with CSS & JavaScript

By
CSS / JavaScript
Previous Page12345Next Page