From aea5abe41ae166469ff6a3e82433157954aeccd7 Mon Sep 17 00:00:00 2001 From: Tom MacWright Date: Fri, 15 Mar 2013 14:59:17 -0400 Subject: [PATCH] Manually merge in animate branch fadeIn work --- css/app.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/css/app.css b/css/app.css index febd42d11..d6d38e6bd 100644 --- a/css/app.css +++ b/css/app.css @@ -709,6 +709,7 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;} position: relative; background: white; padding-bottom: 20px; + -webkit-animation:fadeInInspect 500ms ease 0ms both; } .grid-entry .preset-icon-fill.area { @@ -2002,3 +2003,15 @@ a.success-action { @media only screen and (max-height: 840px) { } + +/* Keyframes + * --------------------------------------------------- */ +@-webkit-keyframes fadeIn { + 0% { opacity:0;} + 100% { opacity:1;} + } + +@-webkit-keyframes fadeInInspect { + 0% { opacity:0; max-height: 0; padding-top: 0; padding-bottom: 0;} + 100% { opacity:1; max-height: 160px; top-bottom: 20px; padding-bottom: 20px;} + }