diff options
author | Jeremie Taboada <taboada.jeremie@gmail.com> | 2015-06-05 15:06:26 +0100 |
---|---|---|
committer | Olivier Gayot <duskcoder@gmail.com> | 2015-06-08 17:01:47 +0100 |
commit | f895c5871225352ff092888e033d8c52c743637c (patch) | |
tree | 60068ea0d97cf67809d669979c5a8c97548edfbc | |
parent | 82f0d1a53e397a28f66cc4ecebc9cd1327816846 (diff) |
Add some animations.
-rw-r--r-- | cao-mobile.css | 11 |
1 files changed, 11 insertions, 0 deletions
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 |