NTP5: Improving the Tile Page resize logic

chrome/browser/resources/ntp_search/new_tab.css

Index: chrome/browser/resources/ntp_search/new_tab.css
diff --git a/chrome/browser/resources/ntp_search/new_tab.css b/chrome/browser/resources/ntp_search/new_tab.css
index a079bde5fed302b97d5af3d8e1a98581405814a0..ee911faeceeab93a351799b5448de334bbb19779 100644
--- a/chrome/browser/resources/ntp_search/new_tab.css
+++ b/chrome/browser/resources/ntp_search/new_tab.css
@@ -17,6 +17,7 @@ body {
 }
 
 #card-slider-frame {
+  -webkit-transition: opacity 250ms, -webkit-transform 250ms;
   bottom: 0;
   overflow: hidden;
   position: absolute;
@@ -24,6 +25,11 @@ body {
   width: 100%;
 }
 
+.hide-card-slider {
+  -webkit-transform: translate3d(0, 170px, 0);
+  opacity: 0;
+}
+
 #page-list {
   display: -webkit-box;
   position: static;
@@ -33,4 +39,4 @@ body {
   height: 14px;
   margin: 8px auto 30px;
   text-align: center;
-}
+}