css [css：fadeout / fadein] css示例。 #css

Posted 2021-05-13

.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;
  }
}