Join the Webstudio community

Updated 2 months ago

Animating Radix components such as dialogue?

At a glance

The community member is looking for a way to add a transition or animation to a dialogue, specifically to make a zoomed-in image pop up when clicked. Another community member suggested checking a video, but the original poster indicated that the Radix components were not set up in a way that would allow for the desired animation. Another community member then provided information about a non-official animation library that could be used with the Radix components, and the original poster said they would try this approach.

Useful resources
Is there a way to add a transition / animation to the dialogue? Making a zoomed in image pop-up when you click on it.
R
C
J
5 comments
I have yes. I don't think that's how the radix components have been setup though. It's the opening and closing of the dialogue and there's not a specific 'state' that i can style or add these variables too
Ahh I see. Don't know about that, hope somebody else can help you
@Chrisso, are you looking for the docs on how to add John's (not official) animation library? You can add it to the radix components. https://createtodaydigital.notion.site/How-to-animate-Webstudio-using-Ani-Motion-65f798896ae14376b57c9d273dca5109

https://www.youtube.com/watch?v=gf7jB1-p7kM&t=244s
Will try this!
Add a reply
Sign up and join the conversation on Discord