how to add animation slide-up and slide-down on TabPanel when changing tabs?
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 25/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Da chiarire
- Stato di attività
- Ferma
- Stack tecnologico
- javascript, react
- Ambito
- frontend
Direzione di ricerca
La issue fornisce un esempio jQueryScript e CSS personalizzato per .react-tabs__tab-panel--selected con @keyframes slideeffect; inizia riproducendo un cambio di tab in react-tabs e confrontando il comportamento desiderato di slide-up/slide-down. Non sono indicati file del repository né test, quindi i maintainer devono chiarire una posizione concreta per l’implementazione e la definition of done.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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);
}
}
- Lingua principale
- JavaScript
- Stelle
- 3.1k
- Fork
- 455
- Merge medio
- 5h 9m
- PR unite (30g)
- 2
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di reactjs/react-tabs
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 25/100
reactjs/react-tabs#584 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 45/100
reactjs/react-tabs#581 · 3 commenti ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
reactjs/react-tabs#571 ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
reactjs/react-tabs#525 · 1 commento · 1 reazione ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
reactjs/react-tabs#521 · 3 commenti ·
Tutte le issue di reactjs/react-tabs
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
-
Theme loads third-party resources on every page (jsdelivr web font, cdnjs Font Awesome) – GDPR Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
docToolchain/docToolchain#1705 ·
-
Timezone select lists one option per character; duplicate "Failed" reason; shared tracker popover id Apertabug
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
nightscout/nocturne#1414 ·
-
bug v2
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
modelcontextprotocol/inspector#2458 · 1 commento ·
-
Mend: dependency security vulnerability status: needs triage 🕵️♀️
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
carbon-design-system/ibm-products#9907 ·