{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/5a773acc1a0d4f2eb6c7d84097ffa440\" frameborder=\"0\" width=\"3342\" height=\"2506\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":2506,"width":3342,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":2506,"thumbnail_width":3342,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/5a773acc1a0d4f2eb6c7d84097ffa440-1715281260591.gif","duration":813.833,"title":"Creating Floating Images with Scroll Animation","description":"In this tutorial, I will show you how to create floating images that move as you scroll on a webpage. We will use an animation library called gsap and apply the animation to four different images. I will guide you through the installation process and explain how to set the starting and ending positions for each image. No action is required from you, but feel free to adjust the properties to customize the animation. Watch the video to learn how to create a parallax effect with floating images!"}