From f895c5871225352ff092888e033d8c52c743637c Mon Sep 17 00:00:00 2001
From: Jeremie Taboada <taboada.jeremie@gmail.com>
Date: Fri, 5 Jun 2015 15:06:26 +0100
Subject: Add some animations.

---
 cao-mobile.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/cao-mobile.css b/cao-mobile.css
index f6b92fb..796f190 100644
--- a/cao-mobile.css
+++ b/cao-mobile.css
@@ -64,6 +64,7 @@ button.card {
     box-shadow: 0 5px 0 #999;
     padding: 20px;
     border-radius: 10px;
+    animation: appear .3s;
 }
 button.card:not(:last-child) {
     margin-bottom: 20px;
@@ -133,4 +134,14 @@ button.bottom:hover {
     h1 {
         font-size: 3em;
     }
+}
+@keyframes appear {
+    0% {
+        opacity: 0;
+        transform: translateX(-400px);
+    }
+    100% {
+        transform: translateX(0);
+        opacity: 0.7;
+    }
 }
\ No newline at end of file
-- 
cgit v1.2.3