PRACTICAL Pseudo Elements in Oxygen (::before & ::after)

Nov 5th, 20211 min

Kevin Geary

Join the waiting list for Automatic.css at https://automaticcss.com

Time to up your game and get confident with pseudo elements!

In this video you'll learn:

– What is a pseudo element?
– How do pseudo elements work?
– How to get pseudo elements to show up?
– Content vs no content
– How to position pseudo elements
– How to assign pseudo elements to custom classes
– A super practical use case for pseudo elements
– How to make a checklist with pseudo elements
– How to make a ribbon for a card
– And more!

0:00 Intro
0:56 Automatic.css LTD Update
2:21 Practical Example
3:22 How Pseudo Elements Work
14:29 Real-World Use Case
19:22 Price With Before & After
26:26 Check List & X List With Before
33:32 Creating a Ribbon with After
40:53 Wrap Up

Interested in joining my Inner Circle? https://digitalambition.co/inner-circle/