.fadelist {
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.fadeitem {
  transform: translateY(25%);
  opacity: 0;
}

.fadeitem:nth-child(1) {
  transition: all 0.5s ease-in-out 0.5s;
}
.fadeitem:nth-child(2) {
  transition: all 0.5s ease-in-out 0.75s;
}
.fadeitem:nth-child(3) {
  transition: all 0.5s ease-in-out 1s;
}
.fadeitem:nth-child(4) {
  transition: all 0.5s ease-in-out 1.5s;
}


.fadelist.is-show .fadeitem {
  transform: translateY(0);
  opacity: 1;
}