[css: fadeout/fadein] css sample. #css

fadein_fadeout.css

.fadeOut {
  animation : fadeOut 0.1s;
  animation-fill-mode: both;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    height: initial;
  }
  100% {
    opacity: 0;
    height: 0px;
  }
}
.fadeIn {
  animation : fadeIn 0.1s;
  animation-fill-mode: both;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    height: 0px;
  }
  100% {
    opacity: 1;
    height: initial;
  }
}