mirror of
https://iceshrimp.dev/iceshrimp/iceshrimp
synced 2024-12-12 13:48:10 +09:00
Update sequential-entrance.vue
This commit is contained in:
parent
5a4dacd3d3
commit
baf243b742
@ -45,7 +45,7 @@ export default Vue.extend({
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.staggered-move {
|
.staggered-move {
|
||||||
transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) !important;
|
transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uupnnhew[data-direction="up"] {
|
.uupnnhew[data-direction="up"] {
|
||||||
@ -65,7 +65,7 @@ export default Vue.extend({
|
|||||||
.uupnnhew[data-reversed="true"] {
|
.uupnnhew[data-reversed="true"] {
|
||||||
@for $i from 1 through 30 {
|
@for $i from 1 through 30 {
|
||||||
.staggered-enter-active:nth-last-child(#{$i}) {
|
.staggered-enter-active:nth-last-child(#{$i}) {
|
||||||
transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1));
|
transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1)), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -73,7 +73,7 @@ export default Vue.extend({
|
|||||||
.uupnnhew[data-reversed="false"] {
|
.uupnnhew[data-reversed="false"] {
|
||||||
@for $i from 1 through 30 {
|
@for $i from 1 through 30 {
|
||||||
.staggered-enter-active:nth-child(#{$i}) {
|
.staggered-enter-active:nth-child(#{$i}) {
|
||||||
transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1));
|
transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1)), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user