Practice/_src/admin/scss/common/_animation.scss

@-webkit-keyframes SLIDE-UP {
  0% {
    opacity: 0.0;
    -webkit-transform: translateY(30px) scale(1)
  }
  100% {
    opacity: 1.0;
    -webkit-transform: translateY(0%) scale(1)
  }
}

@-moz-keyframes SLIDE-UP {
  0% {
    opacity: 0.0;
    -moz-transform: translateY(30px) scale(1)
  }
  100% {
    opacity: 1.0;
    -moz-transform: translateY(0%) scale(1)
  }
}

@keyframes SLIDE-UP {
  0% {
    opacity: 0.0;
    -webkit-transform: translateY(30px) scale(1);
    -moz-transform: translateY(30px) scale(1);
    -ms-transform: translateY(30px) scale(1);
    -o-transform: translateY(30px) scale(1);
    transform: translateY(30px) scale(1)
  }
  100% {
    opacity: 1.0;
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1)
  }
}

@-webkit-keyframes SLIDE-DOWN {
  0% {
    opacity: 0.0;
    -webkit-transform: translateY(-30px) scale(1)
  }
  100% {
    opacity: 1.0;
    -webkit-transform: translateY(0%) scale(1)
  }
}

@-moz-keyframes SLIDE-DOWN {
  0% {
    opacity: 0.0;
    -moz-transform: translateY(-30px) scale(1)
  }
  100% {
    opacity: 1.0;
    -moz-transform: translateY(0%) scale(1)
  }
}

@keyframes SLIDE-DOWN {
  0% {
    opacity: 0.0;
    -webkit-transform: translateY(-30px) scale(1);
    -moz-transform: translateY(-30px) scale(1);
    -ms-transform: translateY(-30px) scale(1);
    -o-transform: translateY(-30px) scale(1);
    transform: translateY(-30px) scale(1)
  }
  100% {
    opacity: 1.0;
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1)
  }
}

@-webkit-keyframes SLIDE-IN-LEFT {
  0% {
    -webkit-transform: translateX(-30px) scale(1)
  }
  100% {
    -webkit-transform: translateY(0%) scale(1)
  }
}

@-moz-keyframes SLIDE-IN-LEFT {
  0% {
    -moz-transform: translateX(-30px) scale(1)
  }
  100% {
    -moz-transform: translateY(0%) scale(1)
  }
}

@keyframes SLIDE-IN-LEFT {
  0% {
    -webkit-transform: translateX(-30px) scale(1);
    -moz-transform: translateX(-30px) scale(1);
    -ms-transform: translateX(-30px) scale(1);
    -o-transform: translateX(-30px) scale(1);
    transform: translateX(-30px) scale(1)
  }
  100% {
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1)
  }
}

@-webkit-keyframes SLIDE-IN-RIGHT {
  0% {
    -webkit-transform: translateX(30px) scale(1)
  }
  100% {
    -webkit-transform: translateY(0%) scale(1)
  }
}

@-moz-keyframes SLIDE-IN-RIGHT {
  0% {
    -moz-transform: translateX(30px) scale(1)
  }
  100% {
    -moz-transform: translateY(0%) scale(1)
  }
}

@keyframes SLIDE-IN-RIGHT {
  0% {
    -webkit-transform: translateX(30px) scale(1);
    -moz-transform: translateX(30px) scale(1);
    -ms-transform: translateX(30px) scale(1);
    -o-transform: translateX(30px) scale(1);
    transform: translateX(30px) scale(1)
  }
  100% {
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1)
  }
}