diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2017-03-21 21:38:08 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2017-03-21 21:38:08 +0900 |
| commit | 21804899325ddfdf640788a5897e37d04b8f362d (patch) | |
| tree | f4e27caaf02d44b1b5d157e7a7ef6030124cd766 /src/web/app/desktop | |
| parent | [Client] Fix bug (diff) | |
| download | misskey-21804899325ddfdf640788a5897e37d04b8f362d.tar.gz misskey-21804899325ddfdf640788a5897e37d04b8f362d.tar.bz2 misskey-21804899325ddfdf640788a5897e37d04b8f362d.zip | |
[Client:Desktop] Better animation
Diffstat (limited to 'src/web/app/desktop')
| -rw-r--r-- | src/web/app/desktop/tags/ui-notification.tag | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/src/web/app/desktop/tags/ui-notification.tag b/src/web/app/desktop/tags/ui-notification.tag index bb440184ce..f39d766d8c 100644 --- a/src/web/app/desktop/tags/ui-notification.tag +++ b/src/web/app/desktop/tags/ui-notification.tag @@ -5,10 +5,11 @@ display block position fixed z-index 10000 - top 0 + top -128px left 0 right 0 margin 0 auto + padding 128px 0 0 0 width 500px color rgba(#000, 0.6) background rgba(#fff, 0.9) @@ -31,8 +32,8 @@ targets: this.root, opacity: 1, translateY: [-64, 0], - duration: 500, - easing: 'easeOutQuad' + easing: 'easeOutElastic', + duration: 500 }); setTimeout(() => { @@ -41,7 +42,7 @@ opacity: 0, translateY: -64, duration: 500, - easing: 'easeOutQuad', + easing: 'easeInElastic', complete: () => this.unmount() }); }, 6000); |