Bildergalerie Hoverstyle


/* ==========================================================================
     Bildergalerie Hover Style CSS
    ========================================================================== */
.bh_gallery .et_overlay {
background: rgb(90,68,255);
background: -moz-linear-gradient(160deg, rgba(90,68,255,1) 0%, rgba(0,241,86,1) 100%);
background: -webkit-linear-gradient(160deg, rgba(90,68,255,1) 0%, rgba(0,241,86,1) 100%);
background: linear-gradient(160deg, rgba(90,68,255,1) 0%, rgba(0,241,86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a44ff",endColorstr="#00f156",GradientType=1);
}

.bh_gallery .et_pb_gallery_image:before,
.bh_gallery .et_pb_gallery_image:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.bh_gallery .et_pb_gallery_image:before,
.bh_gallery .et_pb_gallery_image:after {
  content: '';
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index:99;
}

.bh_gallery .et_pb_gallery_image:before {
  width: 60px;
  height: 1px;
  left: 100%;
}

.bh_gallery .et_pb_gallery_image:after {
  height: 60px;
  width: 1px;
  top: 0%;
}

.bh_gallery .et_pb_gallery_item:hover .et_overlay {
  zoom: 1;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  opacity: 0.7;
}

.bh_gallery .et_pb_gallery_image:hover:before,
.bh_gallery .et_pb_gallery_image:hover:after{
  opacity: 1;
  top: 50%;
  left: 50%;
}


.bh_gallery .et_overlay::before {
  content:''; 
  }