Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(5773)

Unified Diff: chrome/browser/resources/ntp4/tile_page.css

Issue 2535573002: Reduce usage of webkit CSS prefixes in chrome/browser/resources (Closed)
Patch Set: CSSOM Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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 ****************************************************************/

Powered by Google App Engine
This is Rietveld 408576698