.anim {
  opacity: 0;
  transition: all .5s ease;
}

.anim.show {
  opacity: 1;
  transform: none;
}

.anim--lr {
  transform: translate(-100px, 0);
}

.anim--rl {
  transform: translate(100px, 0);
}

.anim--up {
  transform: translate(0, 50px);
}

.anim--down {
  transform: translate(0, -50px);
}

.anim--scaleUp {
  transform: scale(.95);
}

.anim--scaleDown {
  transform: scale(1.5);
}

.anim--rotateL {
  transform: rotate(180deg);
}

.anim--rotateR {
  transform: rotate(-180deg);
}