Create REFRACTED GLASS EFFECT & Animated Background In Figma | Figma Tutorial

In this video, I tried to show you how to create the refracted glass effect as well as how to use Figma interactive components to create an animated background. If you found this video useful then don't forget to like, comment, and share this video.
Check Out Previous Videos
Animated Image Carousel: • Create Interactive Ima...
Ecommerce Website Using WordPress: • How to Create an eComm...
Learn Neubrutalism: • Create Landing Page Us...
UI Design Challenges: • Daily UI Design Challe...
UI Design Resouces: • UI Design Resources
Figma Animation Tutorial Playlist: • Playlist

[@salvadorestrella8]

That's really useful, thank you!

[@pixxelex]

Glad it was helpful!

[@dhruv8452]

Just wow❤

[@pixxelex]

Thank You!

[@utuhalbarakalimasyada5432]

how do you adjust the gradient by moving the cursor?

[@adish6861]

Superb ❤

[@pixxelex]

Thanks 🤗

[@AdilSaleem4]

Amazing

[@pixxelex]

Thanks 😄

[@AdventureIsTheLife01]

Bro It is soo good ...

[@pixxelex]

Thank you!

[@user-nk6fs4mt7f]

Outstanding, Which video recording software you used to do this?

[@pixxelex]

Using OBS for the recording

[@Ogobideshini98]

WEBSITE NAME KYA HAI?

[@stigga2689]

Hey, I've successfully implemented the animated background, but it only appears on the first screen, when scrolling down the website the effect is gone.Could you please advise me on extending this effect to cover the entire page from top to bottom?"

[@pixxelex]

In the same manner, you can add the animated background to other sections of the website.

[@samuelsossouvi1871]

Mine anit moving, don’t know what’s going on

[@pixxelex]

Try restarting the prototype.