diff --git a/client/src/components/Final.vue b/client/src/components/Final.vue index ac8cbd5..27e5d6b 100644 --- a/client/src/components/Final.vue +++ b/client/src/components/Final.vue @@ -12,6 +12,7 @@ {{ player.score }} +
@@ -139,6 +140,13 @@ export default { text-align: right; } } + + &__progress { + opacity: 0; + color: #ffffff; + animation: finals-progress 4s ease forwards; + animation-delay: 2s; + } } @keyframes finals-gradient__fade-in { @@ -156,4 +164,9 @@ export default { 0% { opacity: 0; } 100% { opacity: 1; } } +@keyframes finals-progress { + 0% { margin-left: 50%; margin-right: 50%; opacity: 0.5; } + 85% { margin-left: 20px; margin-right: 20px; opacity: 0.5; } + 100% { margin-left: 20px; margin-right: 20px; opacity: 0; } +}