4/3/2019 - 9:04 AM

CSS

trasparent-background.md

Rendered
Source

Transparent Background

div {
  position: relative;
}

div::before {
  content: '';
  background: url(image.jpg);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

vertival-center.md

Rendered
Source

Vertical Center

.parent { 
  position: relative;
}

.child {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}