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