diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-03-01 14:24:12 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-03-01 14:24:12 +0900 |
| commit | 0c28ac49070953c43ff71272b21ae23bd24577b8 (patch) | |
| tree | a7c1e3571b5576a391a64743c94e1d39797b15de | |
| parent | Update README.md [AUTOGEN] (#4387) (diff) | |
| download | misskey-0c28ac49070953c43ff71272b21ae23bd24577b8.tar.gz misskey-0c28ac49070953c43ff71272b21ae23bd24577b8.tar.bz2 misskey-0c28ac49070953c43ff71272b21ae23bd24577b8.zip | |
Add animation
4 files changed, 9 insertions, 0 deletions
diff --git a/src/client/app/animation.styl b/src/client/app/animation.styl index 9a0ec2729c..6c4d5b8b6f 100644 --- a/src/client/app/animation.styl +++ b/src/client/app/animation.styl @@ -39,3 +39,9 @@ 75% { transform: translateY(-8px); } 100% { transform: translateY(0); } } + +@keyframes blink { + 0% { opacity: 1; } + 30% { opacity: 1; } + 90% { opacity: 0; } +} diff --git a/src/client/app/desktop/views/components/ui.header.messaging.vue b/src/client/app/desktop/views/components/ui.header.messaging.vue index fc41144d1f..c5d1da3a3d 100644 --- a/src/client/app/desktop/views/components/ui.header.messaging.vue +++ b/src/client/app/desktop/views/components/ui.header.messaging.vue @@ -64,5 +64,6 @@ export default Vue.extend({ vertical-align super font-size 10px color var(--notificationIndicator) + animation blink 1s infinite </style> diff --git a/src/client/app/desktop/views/components/ui.header.notifications.vue b/src/client/app/desktop/views/components/ui.header.notifications.vue index a02078e4ec..d3316d6a89 100644 --- a/src/client/app/desktop/views/components/ui.header.notifications.vue +++ b/src/client/app/desktop/views/components/ui.header.notifications.vue @@ -91,6 +91,7 @@ export default Vue.extend({ vertical-align super font-size 10px color var(--notificationIndicator) + animation blink 1s infinite > .pop $bgcolor = var(--face) diff --git a/src/client/app/mobile/views/components/ui.vue b/src/client/app/mobile/views/components/ui.vue index 7ccd0f25fb..05c886a497 100644 --- a/src/client/app/mobile/views/components/ui.vue +++ b/src/client/app/mobile/views/components/ui.vue @@ -126,6 +126,7 @@ export default Vue.extend({ left 0 color var(--notificationIndicator) font-size 16px + animation blink 1s infinite &.post right 28px |