[Client:Desktop] Better animation

This commit is contained in:
syuilo 2017-03-21 21:38:08 +09:00
parent 99b16d056b
commit 2180489932
2 changed files with 6 additions and 5 deletions

View file

@ -1,7 +1,7 @@
{ {
"name": "misskey", "name": "misskey",
"author": "syuilo <i@syuilo.com>", "author": "syuilo <i@syuilo.com>",
"version": "0.0.1413", "version": "0.0.1414",
"license": "MIT", "license": "MIT",
"description": "A miniblog-based SNS", "description": "A miniblog-based SNS",
"bugs": "https://github.com/syuilo/misskey/issues", "bugs": "https://github.com/syuilo/misskey/issues",

View file

@ -5,10 +5,11 @@
display block display block
position fixed position fixed
z-index 10000 z-index 10000
top 0 top -128px
left 0 left 0
right 0 right 0
margin 0 auto margin 0 auto
padding 128px 0 0 0
width 500px width 500px
color rgba(#000, 0.6) color rgba(#000, 0.6)
background rgba(#fff, 0.9) background rgba(#fff, 0.9)
@ -31,8 +32,8 @@
targets: this.root, targets: this.root,
opacity: 1, opacity: 1,
translateY: [-64, 0], translateY: [-64, 0],
duration: 500, easing: 'easeOutElastic',
easing: 'easeOutQuad' duration: 500
}); });
setTimeout(() => { setTimeout(() => {
@ -41,7 +42,7 @@
opacity: 0, opacity: 0,
translateY: -64, translateY: -64,
duration: 500, duration: 500,
easing: 'easeOutQuad', easing: 'easeInElastic',
complete: () => this.unmount() complete: () => this.unmount()
}); });
}, 6000); }, 6000);