Trouble shooting trick and some fun effects with CSS outline

CSS outlines are an under used property. Outline is great for both troubleshooting, as well as doing some really fun effects that we can't do with other properties. The codepens https://codepen.io/kevinpowell/pen/qBWgXwP https://codepen.io/kevinpowell/pen/KKPJvbP This video dives straight into it, but if you'd like a more thourough breakdown of the property, check out this video https://youtu.be/OmfgB1vGd88 My CSS Tricks article on Custom Props: https://css-tricks.com/breaking-css-custom-properties-out-of-root-might-be-a-good-idea/ My CSS Custom Properties series: https://www.youtube.com/playlist?list=PL4-IK0AVhVjOT2KBB5TSbD77OmfHvtqUi #css --- Come and hangout, ask questions, suggest ideas, and meet some awesome people over in The Community: https://discord.gg/nTYCvrK I have a newsletter! https://www.kevinpowell.co/newsletter I've been working on some courses! Find out more: https://www.kevinpowell.co/courses --- My Code Editor: VS Code - https://code.visualstudio.com/ How my browser refreshes when I save: https://youtu.be/h24noHYsuGc --- Support me on Patreon: https://www.patreon.com/kevinpowell 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. Instagram: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell