10 Code Snippets For Creating Animated Headers & Video Backgrounds
Every great website needs a beautiful header to grab attention. It’s the first thing visitors see, and it’s the only thing encouraging visitors to scroll down. If you want to…
Category ArchivesCSS
CSS
Where HTML elements give a web page structure, CSS (Cascading Style Sheets) controls how those HTML elements are presented on that web page. A style sheet can be applied to any web page and makes it much easier to edit and manage the appearance and layout of a multi-page site.
CSS3 is the latest version of CSS, and includes many powerful features and properties that give web designers more control over a web page, without having to rely upon using images or external JavaScript libraries. Features include flexible box, animations, multi-columns, rounded corners, shadows, transitions, gradients, animations, and much more.
Here you will find articles, tutorials, snippets, and collections, covering almost all areas of CSS and CSS3, including flexbox, animation, image filters, responsive toolkits, frameworks, libraries, and so much more.
You might also like to browse our extensive Bootstrap, JavaScript or jQuery archives.
10 Magnificent Code Examples of Morphing SVGs
The ability to morph one shape into another fascinates me. I can still remember the first time I saw it in action. It was Michael Jackson’s “Black or White” video…
10 Simple Code Snippets for Creating Beautiful Tabs
Tabs are a fundamental part of the web, and they’ve been around for years, but with even more developers going open source there’s a whole world of free code snippets…
10 Free Responsive Pricing Table HTML & CSS Snippets
The pricing page is a staple for any online shop. It’s used for SaaS products, service companies, and eCommerce shops all around the web. And no pricing page can be…
10 Free CSS & JS Notification Alert Code Snippets
Strong alert messages are needed for many interfaces. In the past these messages were done using JavaScript alerts that were just annoying. But nowadays we can build some pretty awesome…
Styleguide Toolbox – Templates, UI Kits, Tools & Generators
Styleguides are an essential tool for ensuring that everyone in an organization is on the same page. After all, maintaining a consistent style is vital to brand recognition, readability and…
10 Code Snippets for Creating Beautiful Forms
Every website usually needs some type of form, whether it’s a checkout page or a simple contact page. It’s crucial to make sure your forms work, so usability is #1….
10 Amazing Examples of CSS, SVG & Canvas Masks In Action
You can do some amazing things with SVG masks. This technique has been around for years but only recently made its way into mainstream web development. I’ve scoured the web…
An Introduction to CSS Grid
CSS Grid has become one of the more talked about developments in web design in recent times. The reason for all of the excitement is simple: CSS Grid looks like…
50 Free Bootstrap Templates & Themes
We have collected 50 Bootstrap templates for you to use freely in your next project. We have purposefully omitted all of that starter, straightforward and unstyled templates from this round-up,…
10 Free CSS Loading Spinner Snippets For Web Designers & Developers
Custom spinners are a fun way to breathe life into your pages. You can find plenty of custom sites offering free spinners as GIFs. But what if you want to…
10 Snippets for Creating Unique CSS Background Effects
In modern web design backgrounds are big (both literally and figuratively). With the advent of HD (and now 4K) displays, designers are creating backgrounds that take up loads of screen…