add css animation for objection bubble

1 files changed, 69 insertions, 0 deletions

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%,