From 5f7147f0b63b424013837cc36cf10d4d8c5ec390 Mon Sep 17 00:00:00 2001
From: Laurent Peuch <cortex@worlddomination.be>
Date: Fri, 4 Dec 2015 13:37:04 +0100
Subject: [PATCH] [enh] animate darkening of a:hover

---
 materialize/css/style.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/materialize/css/style.css b/materialize/css/style.css
index c58471c..3dacfc5 100644
--- a/materialize/css/style.css
+++ b/materialize/css/style.css
@@ -36,7 +36,15 @@ body {
     height: 100%;
 }
 
+@keyframes darken {
+    from {background-color: rgba(0, 0, 0, 0);}
+    to {background-color: rgba(0, 0, 0, 0.3);}
+}
+
 .gallery-square > a:hover {
+    animation-name: darken;
+    animation-duration: 0.15s;
+    animation-iteration-count: 1;
     background-color: rgba(0, 0, 0, 0.3);
 }