forked from FoundKeyGang/FoundKey
Add animation
This commit is contained in:
parent
ae2d707c68
commit
0c28ac4907
4 changed files with 9 additions and 0 deletions
src/client/app
|
@ -39,3 +39,9 @@
|
||||||
75% { transform: translateY(-8px); }
|
75% { transform: translateY(-8px); }
|
||||||
100% { transform: translateY(0); }
|
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
|
vertical-align super
|
||||||
font-size 10px
|
font-size 10px
|
||||||
color var(--notificationIndicator)
|
color var(--notificationIndicator)
|
||||||
|
animation blink 1s infinite
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -91,6 +91,7 @@ export default Vue.extend({
|
||||||
vertical-align super
|
vertical-align super
|
||||||
font-size 10px
|
font-size 10px
|
||||||
color var(--notificationIndicator)
|
color var(--notificationIndicator)
|
||||||
|
animation blink 1s infinite
|
||||||
|
|
||||||
> .pop
|
> .pop
|
||||||
$bgcolor = var(--face)
|
$bgcolor = var(--face)
|
||||||
|
|
|
@ -126,6 +126,7 @@ export default Vue.extend({
|
||||||
left 0
|
left 0
|
||||||
color var(--notificationIndicator)
|
color var(--notificationIndicator)
|
||||||
font-size 16px
|
font-size 16px
|
||||||
|
animation blink 1s infinite
|
||||||
|
|
||||||
&.post
|
&.post
|
||||||
right 28px
|
right 28px
|
||||||
|
|
Loading…
Reference in a new issue