diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-15 18:42:43 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-15 18:42:43 +0900 |
| commit | 92f765bc474621227cb4001e9414bd6459cc5884 (patch) | |
| tree | 306d474e1b9e5fff048b597a111bb883744e0319 /src | |
| parent | Update sequential-entrance.vue (diff) | |
| download | sharkey-92f765bc474621227cb4001e9414bd6459cc5884.tar.gz sharkey-92f765bc474621227cb4001e9414bd6459cc5884.tar.bz2 sharkey-92f765bc474621227cb4001e9414bd6459cc5884.zip | |
Update sequential-entrance.vue
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/components/sequential-entrance.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/client/components/sequential-entrance.vue b/src/client/components/sequential-entrance.vue index 1908aec73a..f98f4e72af 100644 --- a/src/client/components/sequential-entrance.vue +++ b/src/client/components/sequential-entrance.vue @@ -45,7 +45,7 @@ export default Vue.extend({ <style lang="scss"> .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"] { @@ -65,7 +65,7 @@ export default Vue.extend({ .uupnnhew[data-reversed="true"] { @for $i from 1 through 30 { .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"] { @for $i from 1 through 30 { .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)); } } } |