Index: chrome/browser/resources/settings/about_page/about_page.html |
diff --git a/chrome/browser/resources/settings/about_page/about_page.html b/chrome/browser/resources/settings/about_page/about_page.html |
index 99ef7cb978965acf0bc27265ebab7490e82b41f3..8f813e09a84ba31b7eb94735a66295b919bcc2f1 100644 |
--- a/chrome/browser/resources/settings/about_page/about_page.html |
+++ b/chrome/browser/resources/settings/about_page/about_page.html |
@@ -35,6 +35,14 @@ |
margin-top: auto; |
} |
+ @-webkit-keyframes spin { |
+ to { transform: rotate(-10turn); } |
+ } |
+ |
+ #product-logo.spin { |
+ -webkit-animation: spin 500ms cubic-bezier(1, 0, 0, 1) forwards; |
+ } |
+ |
img { |
-webkit-margin-end: 10px; |
} |
@@ -70,7 +78,7 @@ |
<settings-animated-pages id="pages" section="about"> |
<neon-animatable route-path="default"> |
<div class="settings-box"> |
- <img id="product-logo" |
+ <img id="product-logo" on-tap="onProductLogoTap_" |
srcset="chrome://theme/current-channel-logo@1x 1x, |
chrome://theme/current-channel-logo@2x 2x" alt=""> |
<span class="product-title">$i18n{aboutProductTitle}</span> |