.scaleup {
  -webkit-animation-name: scaleUp;
  -webkit-animation-duration: .4s;
  animation-name: scaleUp;
  animation-duration: .4s;
}
.scaledown {
  -webkit-animation-name: scaleDown;
  -webkit-animation-duration: .4s;
  animation-name: scaleDown;
  animation-duration: .4s;
}
.rotatexin {
  -webkit-animation-name: rotatexIn;
  -webkit-animation-duration: .4s;
  animation-name: rotatexIn;
  animation-duration: .4s;
}
.rotatexout {
  -webkit-animation-name: rotatexOut;
  -webkit-animation-duration: .4s;
  animation-name: rotatexOut;
  animation-duration: .4s;
}
.rotateyin {
  -webkit-animation-name: rotateyIn;
  -webkit-animation-duration: .4s;
  animation-name: rotateyIn;
  animation-duration: .4s;
}
.rotateyout {
  -webkit-animation-name: rotateyOut;
  -webkit-animation-duration: .4s;
  animation-name: rotateyOut;
  animation-duration: .4s;
}
.slideinright {
  -webkit-animation-name: SlideInRight;
  -webkit-animation-duration: .4s;
  animation-name: slideInRight;
  animation-duration: .4s;
}
@-webkit-keyframes scaleUp {
  from {opacity: .4;filter:blur(4px);transform:scale(0.6);} 
  to {opacity: 1;filter:blur(0);transform:scale(1);}
}

@keyframes scaleUp {
  from {opacity: .4;filter:blur(4px);transform:scale(0.6);} 
  to {opacity: 1;filter:blur(0);transform:scale(1);}
}
@-webkit-keyframes scaleDown {
  from {opacity: .4;filter:blur(4px);transform:scale(1.6);} 
  to {opacity: 1;filter:blur(0);transform:scale(1);}
}

@keyframes scaleDown {
  from {opacity: .4;filter:blur(4px);transform:scale(1.6);} 
  to {opacity: 1;filter:blur(0);transform:scale(1);}
}
/*rotate X*/
@-webkit-keyframes rotatexIn {
  from {opacity: .4;filter:blur(4px);transform:rotateX(-90deg);} 
  to {opacity: 1;filter:blur(0);transform:rotateX(0);}
}

@keyframes rotatexIn {
  from {opacity: .4;filter:blur(4px);transform:rotateX(-90deg);} 
  to {opacity: 1;filter:blur(0);transform:rotateX(0);}
}
@-webkit-keyframes rotatexOut {
  from {opacity: .4;filter:blur(4px);transform:rotateX(90deg);} 
  to {opacity: 1;filter:blur(0);transform:rotateX(0);}
}

@keyframes rotatexOut {
  from {opacity: .4;filter:blur(4px);transform:rotateX(90deg);} 
  to {opacity: 1;filter:blur(0);transform:rotateX(0);}
}
/*rotate Y*/
@-webkit-keyframes rotateyIn {
  from {opacity: .4;filter:blur(4px);transform:rotateY(-60deg);} 
  to {opacity: 1;filter:blur(0);transform:rotateY(0);}
}
@keyframes rotateyIn {
  from {opacity: .4;filter:blur(4px);transform:rotateY(-60deg);} 
  to {opacity: 1;filter:blur(0);transform:rotateY(0);}
}
@-webkit-keyframes rotateyOut {
  from {opacity: .4;filter:blur(4px);transform:rotateY(60deg);} 
  to {opacity: 1;filter:blur(0);transform:rotateY(0);}
}

@keyframes rotateyOut {
  from {opacity: .4;filter:blur(4px);transform:rotateY(60deg);} 
  to {opacity: 1;filter:blur(0);transform:rotateY(0);}
}
@-webkit-keyframes slideInRight {
  from {
  opacity: .4;
  filter:blur(4px);
  transform:translateX(-100%);
  } 
  to {
  opacity: 1;
  filter:blur(0);
  transform:translateX(0);
  }
}
@keyframes slideInRight {
  from {
  opacity: .4;
  filter:blur(4px);
  transform:translateX(-100%);
  } 
  to {
  opacity: 1;
  filter:blur(0);
  transform:translateX(0);
  }
}