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 Background Noise Effects

8 CSS & JavaScript Snippets for Background Noise Effects

Items such as text, images, and backgrounds can all be beautifully enhanced with these CSS & JavaScript noise effect code snippets.

8 Amazing Metallic Effects Built With CSS & JavaScript

8 Amazing Metallic Effects Built With CSS & JavaScript

Create realistic metallic effects with these CSS and JavaScript code snippets. Create metallic text, buttons, backgrounds, and more.

CSS Animation Toolbox – Libraries, Tools, Snippets & Tutorials

CSS Animation Toolbox – Libraries, Tools, Snippets & Tutorials

An extensive collection of libraries, frameworks, web-based tools, cheatsheets, and tutorials to help you better create and understand CSS animation.

8 Tasty CSS & JavaScript Snippets for Recreating Sweet Treats

8 Tasty CSS & JavaScript Snippets for Recreating Sweet Treats

A sweet collection of CSS & JavaScript snippets for recreating some of your favorite candies, baked goods, or even soft drinks.

8 CSS & JavaScript Snippets That Celebrate Books

8 CSS & JavaScript Snippets That Celebrate Books

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

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

We show you some truly creative CSS snippets that you can use to integrate image hover effects into the UI of your own websites.

Fantastic Examples of Variable Fonts in Action

Fantastic Examples of Variable Fonts in Action

Variable fonts are the best thing to happen to typography since web fonts. And we’ve some variable font code snippets that prove just that!

8 CSS & JavaScript Snippets That Feature Wood Textures

8 CSS & JavaScript Snippets That Feature Wood Textures

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

12 Stunning Examples of Hamburger Menu Transitions for Inspiration

12 Stunning Examples of Hamburger Menu Transitions for 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

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

8 Virtual Winter Wonderlands Created with CSS & JavaScript

8 Virtual Winter Wonderlands Created with CSS & JavaScript

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