Can I apply animation to the tabs component?

[ojj1123]

I wonder if it is possible to apply animation to the tabs component as shown below.

RPReplay_Final1689153085.mov

Radix-ui's tabs component

When I checked the HTML elements in the example of the tabs component, I found that elements that are not visible in the tab have a hidden attribute (Red highlight).

I checked the animation documentation of Radix-ui, but I'm not sure how to implement the animation shown in the video above in the tabs component.

1. How can I implement the animation shown in the video above in the tabs component? Can I do it?
2. I will use an animation library like react-spring or framer-motion. Is it possible?