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 Creating Animated Progress Bars

8 CSS & JavaScript Snippets for Creating Animated Progress Bars

CSS / JavaScript / UI Design

A collection of copy and paste CSS and JavaScript code snippets for creating dynamic progress bars.

10 CSS Snippets for Creating Loading Spinners

10 CSS Snippets for Creating Loading Spinners

CSS / UI Design

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.

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

CSS / JavaScript / UI Design

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

8 CSS & JavaScript Snippets for Bokeh Effects

8 CSS & JavaScript Snippets for Bokeh Effects

CSS / JavaScript / UI Design

Enhance your website’s look with these CSS and JavaScript snippets for creating eye-catching bokeh effects. Perfect for adding visual flair.

8 CSS & JavaScript Snippets for Animating Words

8 CSS & JavaScript Snippets for Animating Words

CSS / JavaScript / UI Design

Explore a collection of CSS and JavaScript code snippets for creating eye-catching animated typographic effects.

8 Code Snippets for Creating Animated Paths

8 Code Snippets for Creating Animated Paths

CSS / JavaScript / UI Design

A collection of code snippets for creating animated CSS paths that will allow you to achieve a number of exciting effects.

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
12345