feat(CompassNeedle): add drop-shadow to needle, see #74

BadIdeaFactory · Jul 16, 2019 · 6bee38a · 6bee38a
1 parent babd15c
commit 6bee38a
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/CompassNeedle.css b/src/components/CompassNeedle.css
@@ -10,6 +10,11 @@
   background-size: contain;
   background-position: center left;
   background-repeat: no-repeat;
+
+  /* randomly selected drop shadow color */
+  /* note: no x/y offset is preferred because the shadow is applied before a
+     rotation transform, so you can't get it to act like there is a light source */
+  filter: drop-shadow(0 0 5px rgba(35,12,32,0.25));
 }
 
 .needle-request {