css

Posted 2023-04-29 Microtiger

box-sizing:border-box //怪异盒模型

css [css：fadeout / fadein] css示例。 #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;
  }
}