From 356ffa2250c66c442cfa8c4e638ca53926396a65 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sun, 15 Jan 2023 12:25:08 +1100
Subject: Add visual indication of pan/zoom failure

Add tick display data to Tick objects
Add 'movement fail' divs
Add animateWithClass() utility function
Add animate-show-then-fade class
---
 src/index.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'src/index.css')

diff --git a/src/index.css b/src/index.css
index 2a7819b..e0545a1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -38,6 +38,19 @@
 		background-color: transparent;
 	}
 }
+.animate-show-then-fade {
+	animation-name: show-then-fade;
+	animation-duration: 500ms;
+	animation-timing-function: ease-in;
+}
+@keyframes show-then-fade {
+	from {
+		opacity: 1;
+	}
+	to {
+		opacity: 0;
+	}
+}
 .animate-flash-yellow {
 	animation-name: flash-yellow;
 	animation-duration: 700ms;
-- 
cgit v1.2.3