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

Side by Side Diff: ui/webui/resources/css/overlay.css

Issue 2692803003: Remove webkit prefixes for CSS Animation in ui/ styles (Closed)
Patch Set: rebase 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) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 /* The shield that overlays the background. */ 5 /* The shield that overlays the background. */
6 .overlay { 6 .overlay {
7 -webkit-box-align: center; 7 -webkit-box-align: center;
8 -webkit-box-orient: vertical; 8 -webkit-box-orient: vertical;
9 -webkit-box-pack: center; 9 -webkit-box-pack: center;
10 -webkit-transition: 200ms opacity; 10 -webkit-transition: 200ms opacity;
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
43 z-index: 0; 43 z-index: 0;
44 } 44 }
45 45
46 /* If the options page is loading don't do the transition. */ 46 /* If the options page is loading don't do the transition. */
47 .loading .overlay, 47 .loading .overlay,
48 .loading .overlay .page { 48 .loading .overlay .page {
49 -webkit-transition-duration: 0ms !important; 49 -webkit-transition-duration: 0ms !important;
50 } 50 }
51 51
52 /* keyframes used to pulse the overlay */ 52 /* keyframes used to pulse the overlay */
53 @-webkit-keyframes pulse { 53 @keyframes pulse {
54 0% { 54 0% {
55 transform: scale(1); 55 transform: scale(1);
56 } 56 }
57 40% { 57 40% {
58 transform: scale(1.02); 58 transform: scale(1.02);
59 } 59 }
60 60% { 60 60% {
61 transform: scale(1.02); 61 transform: scale(1.02);
62 } 62 }
63 100% { 63 100% {
64 transform: scale(1); 64 transform: scale(1);
65 } 65 }
66 } 66 }
67 67
68 .overlay .page.pulse { 68 .overlay .page.pulse {
69 -webkit-animation-duration: 180ms; 69 animation-duration: 180ms;
70 -webkit-animation-iteration-count: 1; 70 animation-iteration-count: 1;
71 -webkit-animation-name: pulse; 71 animation-name: pulse;
72 -webkit-animation-timing-function: ease-in-out; 72 animation-timing-function: ease-in-out;
73 } 73 }
74 74
75 .overlay .page > .close-button { 75 .overlay .page > .close-button {
76 background-image: url(chrome://theme/IDR_CLOSE_DIALOG); 76 background-image: url(chrome://theme/IDR_CLOSE_DIALOG);
77 background-position: center; 77 background-position: center;
78 background-repeat: no-repeat; 78 background-repeat: no-repeat;
79 height: 14px; 79 height: 14px;
80 position: absolute; 80 position: absolute;
81 right: 7px; 81 right: 7px;
82 top: 7px; 82 top: 7px;
(...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after
196 #overlay-container-1 { 196 #overlay-container-1 {
197 z-index: 11; 197 z-index: 11;
198 } 198 }
199 #overlay-container-2 { 199 #overlay-container-2 {
200 z-index: 12; 200 z-index: 12;
201 } 201 }
202 202
203 .transparent { 203 .transparent {
204 opacity: 0; 204 opacity: 0;
205 } 205 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698