Rakantor/personal-portfolio
1
0
Fork 0
mirror of https://github.com/Rakantor/personal-portfolio.git synced 2025-12-17 19:36:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add page transitions

Browse Source
This commit is contained in:
Rakantor
2023-05-07 14:00:04 +02:00
parent 83d6722d8c
commit 97f3580f69
6 changed files with 140 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
assets/variables.scss
View File

@@ -47,3 +47,26 @@ p a {
color: rgb(var(--v-theme-primary));
}
}
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
transition: all 0.2s;
}
.slide-left-enter-from {
opacity: 0;
transform: translate(50px, 0);
}
.slide-left-leave-to {
opacity: 0;
transform: translate(-50px, 0);
}
.slide-right-enter-from {
opacity: 0;
transform: translate(-50px, 0);
}
.slide-right-leave-to {
opacity: 0;
transform: translate(50px, 0);
}