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 Lighting & Shading Effects

8 CSS & JavaScript Snippets for Lighting & Shading Effects

CSS / JavaScript / UI Design

A collection of lighting and shading effect CSS & JavaScript snippets for recreating the incredible effects we see in modern video games.

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

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

CSS / JavaScript / UI Design

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

8 CSS Code Snippets for Creating Stunning Border Effects

8 CSS Code Snippets for Creating Stunning Border Effects

CSS / UI Design

We share a collection of pure CSS border effects that prove that web designers should no longer have to settle for a basic design.

8 CSS & JavaScript Snippets for Background Noise Effects

8 CSS & JavaScript Snippets for Background Noise Effects

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design

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

CSS

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

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design

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 CSS & JavaScript Snippets That Feature Wood Textures

8 CSS & JavaScript Snippets That Feature Wood Textures

CSS / JavaScript / UI Design

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

Inspiration / Web Design

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

UX Design / Web Design

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

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

CSS / JavaScript / UI Design
12345