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 for Creating Animated Backgrounds

8 CSS & JavaScript for Creating Animated Backgrounds

CSS / JavaScript / UI Design

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 for Creating Chat UIs

8 CSS & JavaScript Snippets for Creating Chat UIs

CSS / JavaScript / UI Design

A collection of CSS and JavaScript code snippets for creating modern messaging and chat UIs that your users will love.

8 CSS & JavaScript Snippets for Creating Accordion UIs

8 CSS & JavaScript Snippets for Creating Accordion UIs

CSS / JavaScript / UI Design

A collection of accordion UIs, built with CSS & JavaScript, that showcase what can be achieved with modern coding techniques.

8 CSS & JavaScript Snippets for Stylish Quotes

8 CSS & JavaScript Snippets for Stylish Quotes

CSS / JavaScript / UI Design

Eight compelling CSS & JavaScript snippets to present quotes on your website. There is a style here to fit just about every need.

8 CSS & JavaScript Snippets for Recreating Iconic Titles

8 CSS & JavaScript Snippets for Recreating Iconic Titles

CSS / JavaScript / UI Design

A collection of CSS & JavaScript code snippets that will allow you to recreate popular titles, like Avengers, Frozen, Netflix, and more.

8 CSS & JavaScript Snippets for Creating Hand-Drawn Elements

8 CSS & JavaScript Snippets for Creating Hand-Drawn Elements

CSS / JavaScript / UI Design

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

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
1234