[Search] Make the text swoosh away off the screen when the user taps the opt-in link.

chrome/browser/resources/contextual_search/promo.css

Index: chrome/browser/resources/contextual_search/promo.css
diff --git a/chrome/browser/resources/contextual_search/promo.css b/chrome/browser/resources/contextual_search/promo.css
index d5c57e50a207412d8fd3ee86ac9c6c691066b538..f624daa6910f03e9d36ba5138a7eb8c491702239 100644
--- a/chrome/browser/resources/contextual_search/promo.css
+++ b/chrome/browser/resources/contextual_search/promo.css
@@ -40,8 +40,20 @@ a {
 }
 
 #button-container {
+  -webkit-transform: none;

[huangs, 2014/08/11 16:10:51]

Probably redundant. Same below.

[pedro (no code reviews), 2014/08/11 17:54:06]

No need for transforms here. Animating the container will animate the buttons
too.

[Mathieu, 2014/08/11 21:11:03]

Acknowledged.

[Mathieu, 2014/08/11 21:11:03]

Acknowledged.

   position: fixed;
   text-align: right;
   top: calc(70% - 76px /* action bar */ - 69px /* height of content */);
   width: 100%;
 }
+
+#container {
+  -webkit-transform: none;
+  position: fixed;
+}
+
+#container.slide, #button-container.slide {
+  -webkit-transform: translate(0, 1000px);

[pedro (no code reviews), 2014/08/11 17:54:06]

Let's talk about the animation offline if you want, but I think we should use a
slide down animation. Quantum animations are coming to the Serp and the results
will fade in + slide up when revealing, so having a slide down animation
happening before that sounds counter intuitive.

I think the animation should be a simple fade out, or a fade out + translateZ
(moving away from the user).

[Mathieu, 2014/08/11 21:11:03]

Acknowledged.

+  transition: -webkit-transform 1s;
+}
+