@charset "UTF-8";
/*before*/
.transform1,
.transform2,
.up,
.left,
.right {
  opacity: 0;
  position: relative;
}
.transform1 {
  transform: scaleX(0);
}
.transform2 {
  transform: perspective(400px) rotateX(100deg);
}
.up {
  bottom: -50px;
}
.left {
  left: -100px;
}
.right {
  right: -100px;
}
/*after*/
.transform1style,
.transform2style,
.upstyle,
.leftstyle,
.rightstyle {
  opacity: 1;
  transition: 1.5s 0.5s;
}
.transform1style {
  transform: scaleX(1);
}
.transform2style {
  transform: perspective(0) rotateX(0deg);
}
.upstyle {
  bottom: 0;
}
.leftstyle {
  left: 0;
}
.rightstyle {
  right: 0;
}