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

Side by Side Diff: chrome/browser/resources/uber/uber.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) 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 body { 5 body {
6 /* http://crbug.com/129406 --- horizontal scrollbars flicker when changing 6 /* http://crbug.com/129406 --- horizontal scrollbars flicker when changing
7 * sections. */ 7 * sections. */
8 overflow-x: hidden; 8 overflow-x: hidden;
9 } 9 }
10 10
(...skipping 10 matching lines...) Expand all
21 right: 15px; 21 right: 15px;
22 width: 155px; 22 width: 155px;
23 z-index: 3; 23 z-index: 3;
24 } 24 }
25 25
26 #navigation.background { 26 #navigation.background {
27 z-index: 1; 27 z-index: 1;
28 } 28 }
29 29
30 #navigation.changing-content { 30 #navigation.changing-content {
31 -webkit-transition: transform 100ms, width 100ms; 31 transition: transform 100ms, width 100ms;
32 } 32 }
33 33
34 .iframe-container { 34 .iframe-container {
35 -webkit-margin-start: -20px; 35 -webkit-margin-start: -20px;
36 -webkit-transition: margin 100ms, opacity 100ms;
37 bottom: 0; 36 bottom: 0;
38 left: 0; 37 left: 0;
39 opacity: 0; 38 opacity: 0;
40 position: absolute; 39 position: absolute;
41 right: 0; 40 right: 0;
42 top: 0; 41 top: 0;
42 transition: margin 100ms, opacity 100ms;
43 z-index: 1; 43 z-index: 1;
44 } 44 }
45 45
46 .iframe-container.selected { 46 .iframe-container.selected {
47 -webkit-margin-start: 0; 47 -webkit-margin-start: 0;
48 -webkit-transition: margin 200ms, opacity 200ms;
49 -webkit-transition-delay: 100ms;
50 opacity: 1; 48 opacity: 1;
49 transition: margin 200ms, opacity 200ms;
50 transition-delay: 100ms;
51 z-index: 2; 51 z-index: 2;
52 } 52 }
53 53
54 .iframe-container.expanded { 54 .iframe-container.expanded {
55 left: 0; 55 left: 0;
56 } 56 }
57 57
58 iframe { 58 iframe {
59 border: none; 59 border: none;
60 display: block; 60 display: block;
61 height: 100%; 61 height: 100%;
62 width: 100%; 62 width: 100%;
63 } 63 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/supervised_user_internals.js ('k') | chrome/browser/resources/uber/uber.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698