show glow effect on mouse over for playable cards

pharrington · Sep 22, 2011 · 1b60fe1 · 1b60fe1
1 parent 3b45344
commit 1b60fe1
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/cards.css b/cards.css
@@ -50,6 +50,18 @@ a {
 
 .card.playable {
 	cursor: pointer;
+	-webkit-transition: box-shadow 0.2s linear;
+	-moz-transition: box-shadow 0.2s linear;
+	-ms-transition: box-shadow 0.2s linear;
+	transition: box-shadow 0.2s linear;
+}
+
+.card.playable:hover {
+	box-shadow: 0 0 6px 4px rgba(255, 252, 143, 0.9);
+	-webkit-transition: box-shadow 0s;
+	-moz-transition: box-shadow 0s;
+	-ms-transition: box-shadow 0s;
+	transition: box-shadow 0s;
 }
 
 #menu {