@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadeout {
  from { opacity: 1; }
  to   { opacity: 0; }
}
@keyframes rotate360 {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes slide-right {
  from { transform: translateX(-100%); }
  to   { transform: translateX(0%); }
}
@keyframes slide-left {
  from { transform: translateX(100%); }
  to   { transform: translateX(0%); }
}
@keyframes slide-top {
  from { transform: translateY(100%); }
  to   { transform: translateY(0%); }
}
@keyframes slide-bottom {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0%); }
}
@keyframes scale0-1 {
  from { transform: scale(0); }
  to   { transform: scale(1); }
}
@keyframes scale0-0dot5 {
  from { transform: scale(0); }
  to   { transform: scale(0.5); }
}
@keyframes scale1-0dot5 {
  from { transform: scale(1); }
  to   { transform: scale(0.5); }
}
@keyframes scale10 {
  from { transform: scale(1); }
  to   { transform: scale(10); }
}
@keyframes scale1dot5 {
  from { transform: scale(1); }
  to   { transform: scale(1.5); }
}

@keyframes width0-100 {
  from { width: 0; }
  to   { width: 100%; }
}
@keyframes height0-100 {
  from { height: 0; }
  to   { height: 100%; }
}