pseudo-element

Tab Styles Inspiration

By Mary Lou on

TabStylesInspiration

A couple of modern and subtle tab styles and effects for your inspiration. We use pseudo-elements, SVGs and CSS transitions for some of the techniques. ...

Animated Opening Type

By Diego Pardo on

OpeningType

A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions. The idea is based on Edenspiekermann ...

CSS Overlay Techniques

By Sara Soueidan on

CSS Overlay Techniques

There are several techniques for creating overlays: from using an absolutely positioned element to outlines and pseudo-elements. In this article we are going to expl ...

A Collection of Separator Styles

By Mary Lou on

Section Separators

A collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques, including styling pseudo-element ...

Modern Block Quote Styles

By Mary Lou on

Modern Block Quote Styles

Let's create some interesting and modern styles for block quotes. We'll be using different techniques for creating a unique look for six examples. ...

Page Transitions with CSS3

By Sergio Camalich on

CSS3PageTransitions

In the last few years, we've seen a lot of single page websites lying around the internet, most of them using JavaScript for some transitions effect. Well, now I'm g ...