1 files changed, 23 insertions, 1 deletions
diff --git a/animism-align/frontend/app/views/align/components/annotations/annotation.index.css b/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
index d39e5de..170934f 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
+++ b/animism-align/frontend/app/views/align/components/annotations/annotation.index.css
@@ -43,7 +43,29 @@
 .annotationIndex .annotation.utility {
   left: calc(405px + 0.5rem);
 }
-
+.annotation.curtain {
+  background-image: linear-gradient(rgba(255,255,255,1.0), rgba(255,255,255,1.0));
+  width: 8rem;
+  padding: 0;
+}
+.annotation.curtain span {
+  color: black;
+  padding: 0.25rem;
+}
+.annotation.curtain .fadeIn {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  background-image: linear-gradient(rgba(0,0,0,1.0), rgba(255,255,255,1.0));
+  background-size: cover;
+}
+.annotation.curtain .fadeOut {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  background-image: linear-gradient(rgba(255,255,255,1.0), rgba(0,0,0,1.0));
+  background-size: cover;
+}
 
 /* Condensed layout (first lines) */