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

1 files changed, 13 insertions, 0 deletions

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;