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