Stop animating box-shadows the wrong way!

You can animate and transition just about anything with CSS, but that doesn't mean that it's a good idea to do it. Shadows and positioning are two things you don't want to animate, so in this video we look at alternatives and the positive impact using them has on your sites performance. ////// LINKS The codepen: https://codepen.io/kevinpowell/pres/7ee48715f9c88c9977a5b964712f081c The article by Tobias Ahlin Bjerrome: https://tobiasahlin.com/blog/how-to-animate-box-shadow/ Where I got the shirt (not affiliated in any way with me): https://moderngeek.co/ Series on box-shadows: The basics: https://youtu.be/-JNRQ5HjNeI Making them look good: https://youtu.be/Yon4l3MUBGY 3 fun box-shadow hacks: https://youtu.be/TZRSXNc0T1k Pseudo-elements series; The basics: https://youtu.be/zGiirUiWslI The content property: https://youtu.be/xoRbkm8XgfQ Using them as design elements: https://youtu.be/djbtPnNmc0I ✉ My newsletter: https://www.kevinpowell.co/newsletter Chapters: 00:00 - Introduction 02:00 - the wrong approach 03:48 - the better approach 06:58 - comparing the performance 09:48 - an even worse approach 12:52 - outro 13:13 - bonus tip #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 --- 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. Instagram: https://www.instagram.com/kevinpowell.co/ 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!