OLD | NEW |
1 /* Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 1 /* Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
2 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 2 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
3 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 3 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
4 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 4 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
5 Code distributed by Google as part of the polymer project is also | 5 Code distributed by Google as part of the polymer project is also |
6 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt */ | 6 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt */ |
7 | 7 |
8 :host(.core-transition) { | 8 :host(.core-transition) { |
9 outline: none; | 9 outline: none; |
10 overflow: auto; | 10 overflow: auto; |
11 opacity: 0; | 11 opacity: 0; |
| 12 -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in; |
12 transition: transform 0.2s ease-in-out, opacity 0.2s ease-in; | 13 transition: transform 0.2s ease-in-out, opacity 0.2s ease-in; |
13 -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in; | |
14 } | 14 } |
15 | 15 |
16 | 16 |
17 :host(.core-transition.core-opened) { | 17 :host(.core-transition.core-opened) { |
18 opacity: 1; | 18 opacity: 1; |
| 19 -webkit-transform: translateZ(0); |
19 transform: translateZ(0); | 20 transform: translateZ(0); |
20 -webkit-transform: translateZ(0); | |
21 } | 21 } |
22 | 22 |
23 :host(.core-transition-center) { | 23 :host(.core-transition-center) { |
| 24 -webkit-transform: scale(0.5); |
24 transform: scale(0.5); | 25 transform: scale(0.5); |
25 -webkit-transform: scale(0.5); | |
26 } | 26 } |
27 | 27 |
28 :host(.core-transition-top) { | 28 :host(.core-transition-top) { |
| 29 -webkit-transform: translateY(-200%); |
29 transform: translateY(-200%); | 30 transform: translateY(-200%); |
30 -webkit-transform: translateY(-200%); | |
31 } | 31 } |
32 | 32 |
33 :host(.core-transition-bottom) { | 33 :host(.core-transition-bottom) { |
| 34 -webkit-transform: translateY(200%); |
34 transform: translateY(200%); | 35 transform: translateY(200%); |
35 -webkit-transform: translateY(200%); | |
36 } | 36 } |
37 | 37 |
38 :host(.core-transition-left) { | 38 :host(.core-transition-left) { |
| 39 -webkit-transform: translateX(-200%); |
39 transform: translateX(-200%); | 40 transform: translateX(-200%); |
40 -webkit-transform: translateX(-200%); | |
41 } | 41 } |
42 | 42 |
43 :host(.core-transition-right) { | 43 :host(.core-transition-right) { |
| 44 -webkit-transform: translateX(200%); |
44 transform: translateX(200%); | 45 transform: translateX(200%); |
45 -webkit-transform: translateX(200%); | |
46 } | 46 } |
OLD | NEW |