Add animation

This commit is contained in:
syuilo 2019-03-01 14:24:12 +09:00
parent ae2d707c68
commit 0c28ac4907
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
4 changed files with 9 additions and 0 deletions

View file

@ -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; }
}

View file

@ -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>

View file

@ -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)

View file

@ -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