The ::before and ::after pseudo elements allow you to add content to a page using CSS, and there’s a variety of use cases for them. For example, pseudo elements are great for custom lists and animated tooltips, and more advanced things like gradient shadows for images. There’s a lot which isn’t properly understood where all this is concerned, so in this CSS pseudo elements tutorial I’ll teach you how to use them correctly.