<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/757013d4ac0e4ddb87c9d9af11857b8c&quot; frameborder=&quot;0&quot; width=&quot;1728&quot; height=&quot;1296&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1296</height><width>1728</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1296</thumbnail_height><thumbnail_width>1728</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/757013d4ac0e4ddb87c9d9af11857b8c-b3d6fc3928ab2045.gif</thumbnail_url><duration>440.683</duration><title>Creating an Engaging Animation with React and CSS 🎨</title><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!</description></oembed>