#foo::after {
    background: transparent -moz-element(#foo) repeat scroll 0% 0%;
}
    
    .reflect {
    position: relative;
}
.reflect::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0px;
    bottom: -100%;
    left: 0px;
    z-index: -1;
    opacity: 0.4;
    mask: url("mask.svg#mask");
    transform: translateY(10px) scaleY(-1);
}
    
    .myheader {
      
      -ms-transform: scaleY(-1);
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1);

     /**  -webkit-box-reflect: below -10px -webkit-linear-gradient(top, rgba(0,0,0,0) 25%,rgba(255,255,255,1) 100%);**/

    }
    
#spiegeln {
  margin-bottom: 120px;
  padding: 0 10px;
  position: relative;
  -webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, transparent 50%, transparent 100%);
}

#spiegeln img {
  border: 10px solid #444;
  border-radius: 15px;
  box-shadow: 15px 0 20px -20px #444444, -15px 0 20px -20px #444444;
  z-index: -1;
}

#spiegelnmeid:before {
  background: -moz-linear-gradient(center top, #FFFFFF, #FFFFFF 30%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.7)) repeat scroll 0 0 padding-box, -moz-element(#someid) no-repeat scroll 0 -127px content-box rgba(0, 0, 0, 0);
  content: "";
  height: 140px;
  left: 0;
  padding: 1px 0;
  position: absolute;
  top: 277px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  width: 360px;
}