Как сделать transition-delay лишь один раз?

Question

[DeniSidorenko]

Привет есть такой код

.burger
    transition all 0.1s ease
    transition-delay: 0.5s
    left 0
    right auto
  .burger.active
      z-index 10
      left auto
      top -5px
      left 60%

При получение класса active идет задержка в одну секунду и потом в течение 0.5 секунд меняется позиция. Но когда я убираю класс active и блок переходит в изначальную позицию тоже есть animation-delay в одну секунду и мне нужно его убрать что бы в изначальную позицию блок перемещался без задержок

Answer 1

[alex]

.burger {
  transition-delay: 0.5s; /*убрать*/
}

.burger.active {
  transition-delay: 0.5s; /*добавить*/
}