third_party/polymer/components-chromium/core-transition/core-transition-overlay.css

   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.github.io/LICENSE.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/CONTRIBUTORS.txt
   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/PATENTS.txt */
   7
   8 :host(.core-transition) {
   9   outline: none;
  10   overflow: auto;
  11   opacity: 0;
  12   -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in;
  13   transition: transform 0.2s ease-in-out, opacity 0.2s ease-in;
  14 }
  15
  16
  17 :host(.core-transition.core-opened) {
  18   opacity: 1;
  19   -webkit-transform: translateZ(0);
  20   transform: translateZ(0);
  21 }
  22
  23 :host(.core-transition-center) {
  24   -webkit-transform: scale(0.5);
  25   transform: scale(0.5);
  26 }
  27
  28 :host(.core-transition-top) {
  29   -webkit-transform: translateY(-200%);
  30   transform: translateY(-200%);
  31 }
  32
  33 :host(.core-transition-bottom) {
  34   -webkit-transform: translateY(200%);
  35   transform: translateY(200%);
  36 }
  37
  38 :host(.core-transition-left) {
  39   -webkit-transform: translateX(-200%);
  40   transform: translateX(-200%);
  41 }
  42
  43 :host(.core-transition-right) {
  44   -webkit-transform: translateX(200%);
  45   transform: translateX(200%);
  46 }