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

Side by Side Diff: ui/file_manager/gallery/css/gallery.css

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only Created 3 years, 10 months 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 unified diff | Download patch
OLDNEW
1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 body { 5 body {
6 background-color: black; 6 background-color: black;
7 font-size: 84%; 7 font-size: 84%;
8 margin: 0; 8 margin: 0;
9 user-select: none; 9 user-select: none;
10 } 10 }
(...skipping 459 matching lines...) Expand 10 before | Expand all | Expand 10 after
470 @keyframes fadeIn { 470 @keyframes fadeIn {
471 from { 471 from {
472 opacity: 0; 472 opacity: 0;
473 } 473 }
474 to { 474 to {
475 opacity: 1; 475 opacity: 1;
476 } 476 }
477 } 477 }
478 478
479 .gallery .ribbon-image > .indicator { 479 .gallery .ribbon-image > .indicator {
480 -webkit-transition: opacity 500ms ease-in;
481 background-image: -webkit-image-set( 480 background-image: -webkit-image-set(
482 url(../images/100/slide_view.png) 1x, 481 url(../images/100/slide_view.png) 1x,
483 url(../images/200/slide_view.png) 2x); 482 url(../images/200/slide_view.png) 2x);
484 background-position: center; 483 background-position: center;
485 background-repeat: no-repeat; 484 background-repeat: no-repeat;
486 height: 100%; 485 height: 100%;
487 opacity: 0; 486 opacity: 0;
488 position: absolute; 487 position: absolute;
488 transition: opacity 500ms ease-in;
489 width: 100%; 489 width: 100%;
490 } 490 }
491 491
492 .gallery .ribbon-image > .indicator.loading { 492 .gallery .ribbon-image > .indicator.loading {
493 opacity: 0.2; 493 opacity: 0.2;
494 } 494 }
495 495
496 .gallery .ribbon-image[selected] > .selection-frame { 496 .gallery .ribbon-image[selected] > .selection-frame {
497 border: 2px solid rgb(27, 168, 243); 497 border: 2px solid rgb(27, 168, 243);
498 box-sizing: border-box; 498 box-sizing: border-box;
(...skipping 925 matching lines...) Expand 10 before | Expand all | Expand 10 after
1424 .thumbnail-view .animation-thumbnail { 1424 .thumbnail-view .animation-thumbnail {
1425 background-repeat: no-repeat; 1425 background-repeat: no-repeat;
1426 background-size: cover; 1426 background-size: cover;
1427 display: none; 1427 display: none;
1428 position: absolute; 1428 position: absolute;
1429 } 1429 }
1430 1430
1431 .thumbnail-view .animation-thumbnail.animating { 1431 .thumbnail-view .animation-thumbnail.animating {
1432 display: block; 1432 display: block;
1433 } 1433 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698