The real code behind a @Hyperplexed video

From the creator

@Hyperplexed is a master at taking really cool and complex-looking designs and effects and breaking them down to their core concepts, showing that, often, they are a lot simpler than they might appear at first. To be able to do that though, and to keep his videos short and to the point, there is often quite a bit of complex code hiding behind those simple ideas. In this video, I decided to take his latest video, which he had given a Pixar theme, and dive into some of the code that is hiding behind the scenes. 🔗 Links ✅ Hyperplexed’s original video: https://youtu.be/G9207EJySaA?si=9FWlwJlpqrNM9QHq ✅ Hyperplexed’s channel: https://www.youtube.com/@hyperplexed ✅ My final code: https://codepen.io/kevinpowell/pen/Vwgdppw ✅ His final code: https://codepen.io/Hyperplexed/pen/OJdpEME ⌚ Timestamps 00:00 - Introduction 00:35 - Creating elements as the mouse moves 02:18 - Why this simple step is so important 02:48 - Turning the dot into a star 03:31 - Adding colors to the stars 06:12 - Adding the falling animation 08:28 - Spacing out the stars 11:05 - Adding the glow 11:52 - The other hidden parts #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/stor

Published 2023-11-30 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.