feat: 💄 fly in as well
This commit is contained in:
parent
c7ca8aed74
commit
66d7884b72
1 changed files with 21 additions and 8 deletions
|
@ -88,20 +88,33 @@ function openExternal(link) {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.slide-fade-enter {
|
.slide-fade-enter-from {
|
||||||
opacity: 1;
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
.slide-fade-enter-active {
|
|
||||||
transition: opacity 0.5s, transform 0.5s;
|
|
||||||
}
|
|
||||||
.slide-fade-leave-to {
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(100%);
|
transform: translateY(100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.slide-fade-enter-active {
|
||||||
|
transition: opacity 0.5s, transform 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-fade-enter-to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-fade-leave-from {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
.slide-fade-leave-active {
|
.slide-fade-leave-active {
|
||||||
transition: opacity 0.5s, transform 0.5s;
|
transition: opacity 0.5s, transform 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.slide-fade-leave-to {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(100%);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style lang="scss" module>
|
<style lang="scss" module>
|
||||||
|
|
Loading…
Reference in a new issue