Create a fun quick text flip effect

I saw a nosy speedy flip animation successful the Motion examples page, and wanted to spot if I could recreate it without duplicating immoderate elements, and I ended up pinch 3 solutions. The first 2 person immoderate flaws, but sewage location successful the end! 🔗 Links ✅ The Motion example: https://bsky.app/profile/citizenofnowhe.re/post/3lheakt2msc2d ✅ My first attempt: https://codepen.io/kevinpowell/pen/LEYPMMw/72dc580d73bb785e19ea12adb462ae70 ✅ My 2nd attempt: https://codepen.io/kevinpowell/pen/LEYPMoP/5a3a3640229cd9d49d01ab7b9e34c1dc ✅ My last solution: https://codepen.io/kevinpowell/pen/ZYzNjbX ✅ Easing Wizard: https://easingwizard.com/ 👉 I’ve sewage free and premium courses: https://kevinpowell.co/courses ⌚ Timestamps 00:00 - Introduction 01:05 - the HTML 01:58 - My first effort pinch keyframe animations 03:30 - You can’t animate aliases modulation inline elements 04:05 - My 2nd effort utilizing box-shadow 07:39 - My last solution utilizing construe and transform 12:18 - Updating the last solution to make it easier to modify #css -- Come bent retired pinch different dev's successful my Discord Community 💬 https://discord.gg/nTYCvrK Keep up to day pinch everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come bent retired pinch maine unrecorded each Monday connected 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 📽️ Join arsenic a transmission member: https://youtube.com/@KevinPowell/join 💖 Support maine connected Patreon: https://www.patreon.com/kevinpowell aliases done YT memberships: Join this transmission to get entree to perks: https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw/join --- My editor: VS Code - https://code.visualstudio.com/ --- I'm connected immoderate different places connected the net too! If you'd for illustration a down the scenes and previews of what's coming up connected my YouTube channel, make judge to travel maine connected Instagram and Twitter. Bluesky: https://bsky.app/profile/kevinpowell.co Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And immoderate you do, don't hide to support connected making your area of the net conscionable a small spot much awesome!