| Index: chrome/browser/resources/ntp4/tile_page.css
|
| diff --git a/chrome/browser/resources/ntp4/tile_page.css b/chrome/browser/resources/ntp4/tile_page.css
|
| index 52fd059e1f9d1f70b541360728f7e65717119712..786ef7c4dcf4e232fb4c6011e08d50478968be84 100644
|
| --- a/chrome/browser/resources/ntp4/tile_page.css
|
| +++ b/chrome/browser/resources/ntp4/tile_page.css
|
| @@ -93,30 +93,30 @@
|
| }
|
|
|
| .tile.drag-representation {
|
| - -webkit-transition: opacity 200ms;
|
| pointer-events: none;
|
| position: fixed;
|
| + transition: opacity 200ms;
|
| z-index: 3;
|
| }
|
|
|
| .tile.drag-representation.placing > * {
|
| - -webkit-transition: -webkit-transform 200ms;
|
| + transition: transform 200ms;
|
| }
|
|
|
| /* When a drag finishes while we're not showing the page where the tile
|
| * belongs, the tile shrinks to a dot. */
|
| .tile.drag-representation.dropped-on-other-page > * {
|
| - -webkit-transform: scale(0) rotate(0);
|
| + transform: scale(0) rotate(0);
|
| }
|
|
|
| .tile.drag-representation.deleting > * {
|
| - -webkit-transform: scale(0) rotate(360deg);
|
| - -webkit-transition: -webkit-transform 600ms;
|
| + transform: scale(0) rotate(360deg);
|
| + transition: transform 600ms;
|
| }
|
|
|
| .animating-tile-page .tile,
|
| .tile.drag-representation.placing {
|
| - -webkit-transition: left 200ms, right 200ms, top 200ms;
|
| + transition: left 200ms, right 200ms, top 200ms;
|
| }
|
|
|
| .hovering-on-trash {
|
| @@ -124,58 +124,58 @@
|
| }
|
|
|
| .animating-tile-page .top-margin {
|
| - -webkit-transition: margin-bottom 200ms;
|
| + transition: margin-bottom 200ms;
|
| }
|
|
|
| -@-webkit-keyframes bounce {
|
| +@keyframes bounce {
|
| 0% {
|
| - -webkit-transform: scale(0, 0);
|
| + transform: scale(0, 0);
|
| }
|
|
|
| 60% {
|
| - -webkit-transform: scale(1.2, 1.2);
|
| + transform: scale(1.2, 1.2);
|
| }
|
|
|
| 100% {
|
| - -webkit-transform: scale(1, 1);
|
| + transform: scale(1, 1);
|
| }
|
| }
|
|
|
| .tile > .new-tile-contents {
|
| - -webkit-animation: bounce 500ms ease-in-out;
|
| + animation: bounce 500ms ease-in-out;
|
| }
|
|
|
| -@-webkit-keyframes blipout {
|
| +@keyframes blipout {
|
| 0% {
|
| - -webkit-transform: scale(1, 1);
|
| + transform: scale(1, 1);
|
| }
|
|
|
| 60% {
|
| - -webkit-animation-timing-function: ease-in;
|
| - -webkit-transform: scale(1.3, 0.02);
|
| + animation-timing-function: ease-in;
|
| opacity: 1;
|
| + transform: scale(1.3, 0.02);
|
| }
|
|
|
| 90% {
|
| - -webkit-transform: scale(0.3, 0.02);
|
| opacity: 0.7;
|
| + transform: scale(0.3, 0.02);
|
| }
|
|
|
| 100% {
|
| - -webkit-animation-timing-function: linear;
|
| - -webkit-transform: scale(0.3, 0.02);
|
| + animation-timing-function: linear;
|
| opacity: 0;
|
| + transform: scale(0.3, 0.02);
|
| }
|
| }
|
|
|
| .tile > .removing-tile-contents {
|
| - -webkit-animation: blipout 300ms;
|
| - -webkit-animation-fill-mode: forwards;
|
| + animation: blipout 300ms;
|
| + animation-fill-mode: forwards;
|
| pointer-events: none;
|
| }
|
|
|
| .tile-page:not(.selected-card) * {
|
| - -webkit-transition: none !important;
|
| + transition: none !important;
|
| }
|
|
|
| /** Scrollbars ****************************************************************/
|
|
|