body {
  background-color: black;
}

.pretty-fade {
  -webkit-animation: pretty-fade 2s infinite ease-in-out alternate;
  animation: pretty-fade 2s infinite ease-in-out alternate;
}

.element {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url('http://tympanus.net/codrops-playground/assets/images/cssref/properties/filter/cat.jpg');
  background-size: cover;
  background-position: 50%;
}

@-webkit-keyframes pretty-fade {
  0% {
    -webkit-filter: brightness(1) contrast(1) saturate(1);
    filter: brightness(1) contrast(1) saturate(1);
  }
  100% {
    -webkit-filter: brightness(0) contrast(5) saturate(0.5);
    filter: brightness(0) contrast(5) saturate(0.5);
  }
}

@keyframes pretty-fade {
  0% {
    -webkit-filter: brightness(1) contrast(1) saturate(1);
    filter: brightness(1) contrast(1) saturate(1);
  }
  100% {
    -webkit-filter: brightness(0) contrast(5) saturate(0.5);
    filter: brightness(0) contrast(5) saturate(0.5);
  }
}