From 8e3e493991cc73c42750ab4a506b535b9ac1709b Mon Sep 17 00:00:00 2001
From: Teddy Wing
Date: Sun, 10 Nov 2013 07:13:39 -0500
Subject: Pulse keyboard key input on hover

To give you a better idea that it's able to be interacted with/edited.
---
 assets/css/application.css | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/assets/css/application.css b/assets/css/application.css
index 0de3a55..23b863b 100644
--- a/assets/css/application.css
+++ b/assets/css/application.css
@@ -31,6 +31,7 @@ header {
 }
 
 
+/* Keyboard keys */
 .key { /* http://cssdeck.com/labs/apple-keyboard-via-css3 */
 	display: block;
 	color: #aaa;
@@ -66,8 +67,48 @@ header {
 	border: none;
 }
 
+@-webkit-keyframes keyboard-key-pulse-color {
+	0% {
+		background: #eff0f2;
+	}
+	100% {
+		background: #d6d7d9;
+	}
+}
+
+@-moz-keyframes keyboard-key-pulse-color {
+	0% {
+		background: #eff0f2;
+	}
+	100% {
+		background: #d6d7d9;
+	}
+}
+
+@-o-keyframes keyboard-key-pulse-color {
+	0% {
+		background: #eff0f2;
+	}
+	100% {
+		background: #d6d7d9;
+	}
+}
+
+@keyframes keyboard-key-pulse-color {
+	0% {
+		background: #eff0f2;
+	}
+	100% {
+		background: #d6d7d9;
+	}
+}
+
 .key-input:hover {
 	background: #dddee0;
+	-webkit-animation: keyboard-key-pulse-color 0.8s linear alternate infinite;
+	-moz-animation: keyboard-key-pulse-color 0.8s linear alternate infinite;
+	-o-animation: keyboard-key-pulse-color 0.8s linear alternate infinite;
+	animation: keyboard-key-pulse-color 0.8s linear alternate infinite;
 }
 
 
-- 
cgit v1.2.3