pi-hole.css: pasted animation stylesheet

and improved the text-shadow-animation to work correctly with and without -webkit-prefix (for me this wasn't working until now)
GATmyIT · Jun 4, 2017 · 0dba9b5 · 0dba9b5
1 parent 6b1ecfc
commit 0dba9b5
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/style/pi-hole.css b/style/pi-hole.css
@@ -16,3 +16,21 @@
 .skin-blue .list-group-item:hover {
  background: #ddd;
 }
+@-webkit-keyframes Pulse{
+ from {color:#630030;-webkit-text-shadow:0 0 2px transparent;}
+ 50% {color:#e33100;-webkit-text-shadow:0 0 5px #e33100;}
+ to {color:#630030;-webkit-text-shadow:0 0 2px transparent;}
+}
+@keyframes Pulse{
+ from {color:#630030;text-shadow:0 0 2px transparent;}
+ 50% {color:#e33100;text-shadow:0 0 5px #e33100;}
+ to {color:#630030;text-shadow:0 0 2px transparent;}
+}
+a.lookatme {
+ -webkit-animation-name: Pulse;
+ animation-name: Pulse;
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s; 
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}