how to add animation slide-up and slide-down on TabPanel when changing tabs?
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 3.1k
- Forks
- 455
- Ø Merge
- 5 Std. 9 Min.
- Gemergte PRs (30 T.)
- 2
Beschreibung
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);
}
}
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Das Issue enthält ein jQueryScript-Beispiel und benutzerdefiniertes CSS für .react-tabs__tab-panel--selected mit @keyframes slideeffect; beginne damit, einen Tab-Wechsel in react-tabs nachzustellen und das gewünschte Slide-up-/Slide-down-Verhalten zu vergleichen. Es wird keine Repository-Datei und kein Test genannt, daher müssen ein konkreter Implementierungsort und eine Definition of Done von den Maintainer:innen geklärt werden.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, react
- Bereich
- frontend
- Issue-Typ
- Feature
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100