talksik/nirvana
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

nice switch transition

Browse Source
This commit is contained in:
Arjun Patel
2022-01-31 13:35:22 -08:00
parent 260a90c2fe
commit 8c14106a10
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/styles/globals.css
+2 -3
View File
@@ -194,8 +194,7 @@ li.slick-active button {
.slide-enter.slide-enter-active {
opacity: 1;
transform: scale(1) translateY(0);
transition: opacity 500ms linear 500ms, transform 500ms ease-in-out 500ms;
transition-delay: 500ms;
transition: opacity 200ms linear 100ms, transform 200ms ease-in-out 100ms;
}
/* slide exit */
@@ -206,7 +205,7 @@ li.slick-active button {
.slide-exit.slide-exit-active {
opacity: 0;
transform: scale(0.97) translateY(5px);
transition: opacity 200ms linear, transform 200ms ease-out;
transition: opacity 100ms linear, transform 100ms ease-out;
}
.slide-exit-done {
opacity: 0;