.swoosh-left,
.swoosh-right,
.swoosh-top,
.swoosh-bottom,
.swoosh-in {
  opacity: 0;
  transition: all 0.6s ease-out;
  position: relative;
}

.swoosh-left.visible    { transform: translateX(0); opacity: 1; }
.swoosh-right.visible   { transform: translateX(0); opacity: 1; }
.swoosh-top.visible     { transform: translateY(0); opacity: 1; }
.swoosh-bottom.visible  { transform: translateY(0); opacity: 1; }
.swoosh-in.visible      { transform: scale(1); opacity: 1; }

.swoosh-left    { transform: translateX(-40px); }
.swoosh-right   { transform: translateX(40px); }
.swoosh-top     { transform: translateY(-40px); }
.swoosh-bottom  { transform: translateY(40px); }
.swoosh-in      { transform: scale(0.95); }