third_party/polymer/components/paper-shadow/paper-shadow.css

   1 .paper-shadow {
   2   position: absolute;
   3   top: 0;
   4   left: 0;
   5   bottom: 0;
   6   right: 0;
   7   border-radius: inherit;
   8   pointer-events: none;
   9 }
  10
  11 .paper-shadow-animated.paper-shadow {
  12   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  13 }
  14
  15 .paper-shadow-top-z-1 {
  16   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  17 }
  18
  19 .paper-shadow-bottom-z-1 {
  20   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  21 }
  22
  23 .paper-shadow-top-z-2 {
  24   box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  25 }
  26
  27 .paper-shadow-bottom-z-2 {
  28   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  29 }
  30
  31 .paper-shadow-top-z-3 {
  32   box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  33 }
  34
  35 .paper-shadow-bottom-z-3 {
  36   box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
  37 }
  38
  39 .paper-shadow-top-z-4 {
  40   box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  41 }
  42
  43 .paper-shadow-bottom-z-4 {
  44   box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
  45 }
  46
  47 .paper-shadow-top-z-5 {
  48   box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  49 }
  50
  51 .paper-shadow-bottom-z-5 {
  52   box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
  53 }
  54
  55 .paper-shadow-animate-z-1-z-2.paper-shadow-top {
  56   -webkit-transition: none;
  57   -webkit-animation: animate-shadow-top-z-1-z-2 0.7s infinite alternate;
  58 }
  59
  60 .paper-shadow-animate-z-1-z-2 .paper-shadow-bottom {
  61   -webkit-transition: none;
  62   -webkit-animation: animate-shadow-bottom-z-1-z-2 0.7s infinite alternate;
  63 }
  64
  65 @-webkit-keyframes animate-shadow-top-z-1-z-2 {
  66   0% {
  67     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
  68   }
  69   100% {
  70     box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  71   }
  72 }
  73
  74 @-webkit-keyframes animate-shadow-bottom-z-1-z-2 {
  75   0% {
  76     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  77   }
  78   100% {
  79     box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  80   }
  81 }