react-tabs icon indicating copy to clipboard operation
react-tabs copied to clipboard

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

Open ibamibrhm opened this issue 5 years ago • 0 comments

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); } }

ibamibrhm avatar Feb 17 '20 14:02 ibamibrhm