Three fun uses for ::before and ::after

I love using the before and after pseudo-elements. They're super handy for a lot of different things, and in this video I take a look at three different things you can use them for. 🔗 Links ✅ The code: https://codepen.io/kevinpowell/pen/LYLEPwz ✅ My ::before and ::after video: https://youtu.be/zGiirUiWslI ✅ More CSS quick tips: https://youtube.com/playlist?list=PL4-IK0AVhVjN_w6tRx5p7p-x-KJQEjtd4 ✅ Jhey's color trick (on Egghead): https://egghead.io/lessons/css-use-css-pseudo-elements-and-mix-blend-mode-to-create-a-duotone-style-effect ✅ Follow Jhey on Twitter: https://twitter.com/jh3yy ✅ Adam's gradient trick: https://twitter.com/argyleink/status/1429075313158496261 ✅ Follow Adam on Twitter: https://twitter.com/argyleink ⌚ Timestamps 00:00 - Introduction 00:39 - Increased legibility 04:51 - Color effects with images 09:16 - Gradient shadows #css -- Come hang out with other dev's in my Discord Community 💬 https://discord.gg/nTYCvrK Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome 💖 Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!