title: css3 transition: different time value when :hover In than Out?
body: <p>Basically i am trying to have different transition time when the item is hovered than when the item is mouse leaved,</p>
  
  <pre><code>#bar{ position:fixed; bottom:-25px; }  /*here you only get to see a piece of the bar    */
  
  #bar:hover{ transform: .2s linear; bottom:0; }
  </code></pre>
  
  <p>And something like</p>
  
  <pre><code>/*this only represents my made out status to cover what i need*/
  #bar:mouseLeaved{ transform: 2s linear }
  </code></pre>
  
  <p>This way it would take .2 seconds to be shown and 2 seconds to be hidden</p>
  
  <p>Can i do this with no need of javascript?</p>