Question

基本上，当物品悬停时，我试图有不同的过渡时间，而不是项目是鼠标离开时，

#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的情况下执行此操作吗？

Answer 1

我建议：

#bar { transition: 2s linear; }
#bar:hover { transition: .2s linear; }

并且，在以下情况下，让CSS的顺序为您处理事情：悬停生效（它将覆盖另一个）。