[Client:Desktop] Better animation
This commit is contained in:
parent
99b16d056b
commit
2180489932
|
@ -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",
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue