OLD | NEW |
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 Loading... |
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 } |
OLD | NEW |