mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-25 00:49:17 +09:00
Add animation
This commit is contained in:
parent
ae2d707c68
commit
0c28ac4907
@ -39,3 +39,9 @@
|
||||
75% { transform: translateY(-8px); }
|
||||
100% { transform: translateY(0); }
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
0% { opacity: 1; }
|
||||
30% { opacity: 1; }
|
||||
90% { opacity: 0; }
|
||||
}
|
||||
|
@ -64,5 +64,6 @@ export default Vue.extend({
|
||||
vertical-align super
|
||||
font-size 10px
|
||||
color var(--notificationIndicator)
|
||||
animation blink 1s infinite
|
||||
|
||||
</style>
|
||||
|
@ -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)
|
||||
|
@ -126,6 +126,7 @@ export default Vue.extend({
|
||||
left 0
|
||||
color var(--notificationIndicator)
|
||||
font-size 16px
|
||||
animation blink 1s infinite
|
||||
|
||||
&.post
|
||||
right 28px
|
||||
|
Loading…
Reference in New Issue
Block a user