diff --git a/uno/css/uno.css b/uno/css/uno.css
index d6e1c33..69a2324 100644
--- a/uno/css/uno.css
+++ b/uno/css/uno.css
@@ -65,4 +65,23 @@ body
 
 .pictureCard img{
     width: 100%;
+}
+
+#sayUno{
+    position: absolute;
+    bottom: 0vh;
+    left: 3vh;
+    width: 100%;
+}
+.uno{
+    position: absolute;
+    bottom: 10.5vw;
+    left: 11vw;
+    width: 25vw;
+    transition: width ease-in-out 0.5s;
+    transform: translate(-50%, 50%);
+}
+#sayUno-glow{
+    opacity: 0.3;
+    transition: width ease-in-out 0.5s, opacity 0.5s;
 }
\ No newline at end of file
diff --git a/uno/img/sayUno.png b/uno/img/sayUno.png
new file mode 100644
index 0000000..1bb1686
Binary files /dev/null and b/uno/img/sayUno.png differ
diff --git a/uno/img/sayUnoGlow.png b/uno/img/sayUnoGlow.png
new file mode 100644
index 0000000..3abb68d
Binary files /dev/null and b/uno/img/sayUnoGlow.png differ
diff --git a/uno/index.html b/uno/index.html
index 3ebeb05..0b5ffd8 100644
--- a/uno/index.html
+++ b/uno/index.html
@@ -40,5 +40,11 @@
 
     </div>
 
+    <div id="sayUno">
+        <img class="uno" id="sayUno-glow" src="./img/sayUnoGlow.png">
+        <img class="uno" src="./img/sayUno.png">
+
+    </div>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/uno/web/Style.js b/uno/web/Style.js
index 3591876..1dfd3a3 100644
--- a/uno/web/Style.js
+++ b/uno/web/Style.js
@@ -33,6 +33,9 @@ export default class Style {
             playerInstanz.drawCard(1, true, true);
 
         });
+
+
+        this.startUnoLoop();
     }
 
     refreshHtml() {
@@ -77,6 +80,19 @@ export default class Style {
         if (!this.game.currentPlayerInstanz.canPlay) $('#drawCard').css('background-color', 'red');
     }
 
+    startUnoLoop(){
+        setTimeout(()=>{
+            $('.uno').css('width', '28vw');
+            $('#sayUno-glow').css('opacity', 0.8);
+            setTimeout(()=>{
+                console.log("bibi")
+                $('.uno').css('width', '25vw');
+                $('#sayUno-glow').css('opacity', 0.3);
+                this.startUnoLoop();
+            }, 500);
+        }, 500);
+    }
+
     putCardAnim() {
         this.firstPutAnim.attr('src', './img/stackCards/' + this.game.cardOnDeck.color + '/' + this.game.cardOnDeck.name + '.png');
 
@@ -213,10 +229,6 @@ export default class Style {
 
     }
 
-    animDrawCard(){
-
-    }
-
     showDebug() {
         $('#debug').show();
         this.refreshDebug();