{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/757013d4ac0e4ddb87c9d9af11857b8c\" frameborder=\"0\" width=\"1728\" height=\"1296\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1296,"width":1728,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1296,"thumbnail_width":1728,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/757013d4ac0e4ddb87c9d9af11857b8c-b3d6fc3928ab2045.gif","duration":440.683,"title":"Creating an Engaging Animation with React and CSS 🎨","description":"Hi everyone, in this video, I present my final output for the GrowthX animation assignment, which features a star and emblem created purely with CSS and JavaScript using React and Vite. I walk through the code structure, explaining how I utilized SVG for the elements and the animation properties, including keyframes and durations for various components. I also discuss the AI tools I used to enhance my understanding of animations. If you want to see the animation in action, feel free to click on the Replay Animation button. Thank you for watching!"}