Update sequential-entrance.vue

This commit is contained in:
syuilo 2020-02-15 18:42:43 +09:00
parent 5a4dacd3d3
commit baf243b742

View File

@ -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));
} }
} }
} }