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 CSS & JavaScript Snippets for Animating Words

8 CSS & JavaScript Snippets for Animating Words

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

8 CSS & JavaScript Snippets for Creating Blur Effects

8 CSS & JavaScript Snippets for Creating Blur Effects

We share some excellent examples of CSS & JavaScript blur effects. They are a surefire way of making a design element stand out.

8 CSS & JavaScript Snippets for Creative Audio & Video Players

8 CSS & JavaScript Snippets for Creative Audio & Video Players

A collection of CSS & JavaScript code snippets for creating incredible HTML5 audio and video players. Feel free to experiment with the source code.

8 CSS & JavaScript Snippets for Creating Gamification Badges

8 CSS & JavaScript Snippets for Creating Gamification Badges

Covering a variety of styles and levels of complexity, we have an amazing collection of gamification badges that have all been built using HTML and CSS.

8 CSS & JavaScript Snippets for Creating Paginated Navigations

8 CSS & JavaScript Snippets for Creating Paginated Navigations

We share some highly creative CSS and JavaScript code snippets that you can use for free to improve the pagination on your own website.

8 CSS & JavaScript Snippets for Card UI Hover Effects

8 CSS & JavaScript Snippets for Card UI Hover Effects

From bold transformations to simple highlights, we share some fantastic CSS & JavaScript card UI hover effect snippets.

10 CSS Snippets for Creating Responsive Pricing Tables

10 CSS Snippets for Creating Responsive Pricing Tables

A collection of snippets for creating responsive pricing tables. You can further customize the CSS or reuse the code as a template.

CSS Snippets for Creating Responsive HTML Tables

CSS Snippets for Creating Responsive HTML Tables

There are techniques we can use to make HTML tables more mobile-friendly. We explore a few approaches you can take to make data accessible on all screens.

10 Retro Video Games Recreated with HTML, JS & CSS

10 Retro Video Games Recreated with HTML, JS & CSS

A collection of classic video games that have been recreated with HTML, CSS, and JavaScript. Pac-Man, Super Mario Bros, Sonic, and more.

8 Password Field Forms Built with CSS & JavaScript

8 Password Field Forms Built with CSS & JavaScript

A combination of aesthetically pleasing and functional CSS & JS snippets that range from simple password fields to password generation utilities.

8 CSS & JavaScript Snippets for Creating Audio Visualizations

8 CSS & JavaScript Snippets for Creating Audio Visualizations

A collection of JavaScript and CSS snippets that bring a visual element to sound. Some work with audio files, while others merely facsimile the effect.

8 CSS & JavaScript Snippets for Creating Testimonial UIs

8 CSS & JavaScript Snippets for Creating Testimonial UIs