CSS3 Slide Slide Сдвиньте вниз

Как стимулировать элемент с переходами CSS, чтобы он был бы скользить / вниз / влево / вправо, когда скрыто?

.hideUp {
  transition: .5s;
  display:none;
}
.hideLeft {
  transition: .5s;
  display:none;
}

Я хочу добавить класс к элементу и иметь его слайд пропадать. Спасибо!