Topic Archives

CSS Snippets

From animation to responsive design, find the perfect CSS code snippet for your web design project and streamline your development process.

View all CSS content

8 Autumn-Inspired CSS & JavaScript Effects

8 Autumn-Inspired CSS & JavaScript Effects

The colors and flavors of Autumn offer plenty of design inspiration. The innovative CSS and JavaScript snippets here will allow you to explore the season and sharpen your skills.

8 CSS & JavaScript Snippets for Creating Sticky Elements

8 CSS & JavaScript Snippets for Creating Sticky Elements

Learn how to use CSS and JavaScript to build sticky headers, navigation bars, and UI elements. Includes working examples and practical tips.

A Long Time Ago: Code Snippets Inspired by Star Wars

A Long Time Ago: Code Snippets Inspired by Star Wars

A collection of Star Wars-inspired code snippets, including characters, quotes, games, and even the opening crawl. May the 4th be with you!

Nostalgic Code Snippets That Bring Back the 1990s

Nostalgic Code Snippets That Bring Back the 1990s

I’m not ashamed to admit that I came of age during the 90s. It’s also when my design career started. So sometimes I find it rejuvenating (and somewhat amusing) to…

8 Comic-Inspired Snippets Powered by CSS & JavaScript

8 Comic-Inspired Snippets Powered by CSS & JavaScript

We share a collection of copy and paste CSS and JavaScript code snippets you can use to create highly creative comic-style UI designs.

8 CSS Snippets That Demonstrate the Power of Shadow Effects

8 CSS Snippets That Demonstrate the Power of Shadow Effects

A collection of useful code snippets that demonstrate the usefulness and what you can fully achieve with CSS shadow effects.

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!

10 CSS Snippets for Creating Unique Background Effects

10 CSS Snippets for Creating Unique Background Effects

By combining CSS with a sprinkle of JavaScript, you can create some truly creative background effects, as these code snippets demonstrate.

8 CSS Snippets for Creating Horizontal Rules & Dividers

8 CSS Snippets for Creating Horizontal Rules & Dividers

If you’re looking to take your HR’s up to the next level, this stunning collection of free CSS divider code snippets goes beyond the default.

8 CSS & JavaScript for Creating Stunning ASCII Artwork

8 CSS & JavaScript for Creating Stunning ASCII Artwork

Take a look at our collection of ASCII artwork code snippets that have been enhanced and animated with CSS & JavaScript.

8 CSS Snippets for Creating Toggle Switches

8 CSS Snippets for Creating Toggle Switches

We highlight some inspiring examples of how web designers are bringing excitement to toggle switches with CSS, while still maintaining their functionality.

8 Radiant Glow Effects Made with CSS and JavaScript

8 Radiant Glow Effects Made with CSS and JavaScript