Ustawienie transition w jedną stronę

Siemaneczko,

mam sobie ustawiony transition na heigh, powiedzmy

.element {
  height: 0;
  transition: height 1s ease-in;
}

.element:hover {
  .height: 200px;
}

no i to działa fajnie, ale czy jest jakiś patent na to żeby transition był tylko kiedy height się zwiększa z 0 do 200px, a nie kiedy wraca w drugą stronę?

Ustaw transition tylko na stanach które mają być animowane a na none lub 0s na stanach które mają się zmieniać natychmiastowo

.element {
  height: 0;
  transition: none; /* opcjonalne, w tym przypadku nie jest potrzebne, ale na odwrót już tak bo element:hover dziedziczy z element */
}

.element:hover {
  height: 200px;
  transition: height 1s ease-in;
}