From 42e3b882752fd1a206cfbc201e9f5227a80b824a Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Sun, 26 Apr 2020 17:23:45 +0200
Subject: add css animation for objection bubble

---
 webAO/styles/client.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)

(limited to 'webAO/styles')

diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index cd00139..c40ea57 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -127,6 +127,75 @@
 	}
 }
 
+@keyframes bubble {
+
+	0% {
+		left: 0;
+		top: 0;
+		opacity: 0;
+	}
+
+	10% {
+		left: 0;
+		top: 0;
+		opacity: 1;
+	}
+
+	20% {
+		left: -1%;
+		top: 0;
+		opacity: 1;
+	}
+
+	30% {
+		left: 1%;
+		top: 1%;
+		opacity: 1;
+	}
+
+	40% {
+		left: -1%;
+		top: -1%;
+		opacity: 1;
+	}
+
+	50% {
+		left: 1%;
+		top: 0;
+		opacity: 1;
+	}
+
+	60% {
+		left: -1%;
+		top: -1%;
+		opacity: 1;
+	}
+
+	70% {
+		left: 1%;
+		top: 0;
+		opacity: 1;
+	}
+
+	80% {
+		left: -1%;
+		top: 1%;
+		opacity: 1;
+	}
+
+	90% {
+		left: 0;
+		top: 0;
+		opacity: 1;
+	}
+
+	100% {
+		left: 0;
+		top: 0;
+		opacity: 1;
+	}
+}
+
 @keyframes flash {
 
 	0%,
-- 
cgit