diff --git a/ui/layout.css b/ui/layout.css
index 76c6006e..9dc9ea33 100644
--- a/ui/layout.css
+++ b/ui/layout.css
@@ -1151,6 +1151,23 @@ button:hover {
 .viewer.overlay .overlay-block {
   display: block;
 }
+/* XXX this is experimental... */
+.viewer.overlay .ribbon-set {
+  /* XXX blur makes things slow with transparency... */
+
+  -webkit-filter: /*blur(2px)*/ grayscale(0.5);
+  filter: /*blur(2px)*/ grayscale(0.5);
+  /*
+	-webkit-animation-name: testAnim;
+	-webkit-animation-duration: .2s;
+	-webkit-animation-iteration-count: 1;
+	-webkit-animation-direction: alternate;
+	-webkit-animation-timing-function: ease-out;
+	-webkit-animation-fill-mode: forwards;
+	-webkit-animation-delay: 0s;
+	*/
+
+}
 .overlay-block .content,
 .overlay-block .background {
   /* XXX for some magical reason position and top are overwritten 
diff --git a/ui/layout.less b/ui/layout.less
index 9e079440..3a77e19b 100755
--- a/ui/layout.less
+++ b/ui/layout.less
@@ -1184,6 +1184,23 @@ button:hover {
 .viewer.overlay .overlay-block {
 	display: block;
 }
+/* XXX this is experimental... */
+.viewer.overlay .ribbon-set {
+
+	/* XXX blur makes things slow with transparency... */
+	-webkit-filter: /*blur(2px)*/ grayscale(.5);
+	filter: /*blur(2px)*/ grayscale(.5);
+
+	/*
+	-webkit-animation-name: testAnim;
+	-webkit-animation-duration: .2s;
+	-webkit-animation-iteration-count: 1;
+	-webkit-animation-direction: alternate;
+	-webkit-animation-timing-function: ease-out;
+	-webkit-animation-fill-mode: forwards;
+	-webkit-animation-delay: 0s;
+	*/
+}
 .overlay-block .content,
 .overlay-block .background {
 	/* XXX for some magical reason position and top are overwritten