how to add animation slide-up and slide-down on TabPanel when changing tabs?

[ibamibrhm]

I want something like this but automatically slide when changing tabs

I already add custom css, but it seems not like I wanted here's my css

.react-tabs__tab-panel--selected { animation: slideeffect 500ms ease-out; opacity: 1; }

@keyframes slideeffect { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } }