В основном я пытаюсь иметь другое время перехода, когда элемент находится при наведении мыши, чем когда элемент отпущен мышью,
#bar{ position:fixed; bottom:-25px; } /*here you only get to see a piece of the bar */
#bar:hover{ transform: .2s linear; bottom:0; }
И что-то вроде
/*this only represents my made out status to cover what i need*/
#bar:mouseLeaved{ transform: 2s linear }
Таким образом, это будетзаймет 0,2 секунды для отображения и 2 секунды для скрытия
Могу ли я сделать это без необходимости JavaScript?