diff options
-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 |