body .easytransitions_transition div {
  width: 200px;
  height: 200px;
  background: #2f2f2f;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  z-index: 99;
  transition:background 1.5s;
}

body .easytransitions_transition .split_diagonal,
body .easytransitions_transition .split_diagonal_alt,
body .easytransitions_transition .split_diamond {
  -webkit-animation: diamond 1.2s;
          animation: diamond 1.2s;
  -webkit-transform: scale(0) rotate(45deg);
          transform: scale(0) rotate(45deg);
}
@-webkit-keyframes diamond {
  0% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
  30%,70% {
    -webkit-transform: rotate(45deg) scale(10);
            transform: rotate(45deg) scale(10);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
}
@keyframes diamond {
  0% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
            /*background: #fff;*/
  }
  40%,60% {
    -webkit-transform: rotate(45deg) scale(10);
            transform: rotate(45deg) scale(10);
           /*background: #2f2f2f;*/
  }
  100% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
            /*background: #fff;*/
  }
}
.easytransitions_transition .easytransitions_transition__part-1{
    position: absolute;
    height: 22vh;
    width: 22vh;
    transform: scale(0) rotate(45deg);
    top: -25vh;
    left: -25vh;
}
.easytransitions_transition .easytransitions_transition__part-2{
    position: absolute;
    height: 22vh;
    width: 22vh;
    transform: scale(0) rotate(45deg);
    right: -25vh;
    bottom: -25vh;
}