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

Side by Side Diff: ui/file_manager/video_player/css/media_controls.css

Issue 1549903002: Replace -webkit-transform with transform in Chrome UI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase CL Created 4 years, 8 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
« no previous file with comments | « ui/file_manager/gallery/css/gallery.css ('k') | ui/login/account_picker/user_pod_row.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 /* Common styles for media buttons. */ 5 /* Common styles for media buttons. */
6 6
7 .media-button { 7 .media-button {
8 background-position: center; 8 background-position: center;
9 background-repeat: no-repeat; 9 background-repeat: no-repeat;
10 flex: none; 10 flex: none;
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after
233 233
234 .playback-state-icon[state] { 234 .playback-state-icon[state] {
235 display: block; 235 display: block;
236 } 236 }
237 237
238 @-webkit-keyframes blowup { 238 @-webkit-keyframes blowup {
239 from { 239 from {
240 opacity: 1; 240 opacity: 1;
241 } 241 }
242 to { 242 to {
243 -webkit-transform: scale(3); 243 transform: scale(3);
244 opacity: 0; 244 opacity: 0;
245 } 245 }
246 } 246 }
247 247
248 @-webkit-keyframes text-banner-blowup { 248 @-webkit-keyframes text-banner-blowup {
249 from { 249 from {
250 -webkit-transform: scale(0.5); 250 transform: scale(0.5);
251 opacity: 0; 251 opacity: 0;
252 } 252 }
253 20% { 253 20% {
254 -webkit-transform: scale(1); 254 transform: scale(1);
255 opacity: 0.75; 255 opacity: 0.75;
256 } 256 }
257 80% { 257 80% {
258 -webkit-transform: scale(1); 258 transform: scale(1);
259 opacity: 0.75; 259 opacity: 0.75;
260 } 260 }
261 to { 261 to {
262 -webkit-transform: scale(3); 262 transform: scale(3);
263 opacity: 0; 263 opacity: 0;
264 } 264 }
265 } 265 }
266 266
267 .playback-state-icon[state='play'] { 267 .playback-state-icon[state='play'] {
268 -webkit-animation: blowup 500ms; 268 -webkit-animation: blowup 500ms;
269 background-image: -webkit-image-set( 269 background-image: -webkit-image-set(
270 url(../images/media/media_play_onscreen.png) 1x, 270 url(../images/media/media_play_onscreen.png) 1x,
271 url(../images/media/2x/media_play_onscreen.png) 2x); 271 url(../images/media/2x/media_play_onscreen.png) 2x);
272 } 272 }
273 273
274 .playback-state-icon[state='pause'] { 274 .playback-state-icon[state='pause'] {
275 -webkit-animation: blowup 500ms; 275 -webkit-animation: blowup 500ms;
276 background-image: -webkit-image-set( 276 background-image: -webkit-image-set(
277 url(../images/media/media_pause_onscreen.png) 1x, 277 url(../images/media/media_pause_onscreen.png) 1x,
278 url(../images/media/2x/media_pause_onscreen.png) 2x); 278 url(../images/media/2x/media_pause_onscreen.png) 2x);
279 } 279 }
OLDNEW
« no previous file with comments | « ui/file_manager/gallery/css/gallery.css ('k') | ui/login/account_picker/user_pod_row.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698