title: CSS: slide left animation/transition without jquery
body: <p>I want to achieve a slide from right to left animation on hover of parent li (Programs in this case) The child ul should animate and open. I want to do it in css and which is supported all browsers ..</p>
  
  <pre><code>   .child
     {
      transition: 1s;
      position: absolute;
      left: -100%;
      top: 0;
      padding-left: 10px;
      display: none;
      width: 200px;
     }
  </code></pre>
  
  <p><a href="http://dabblet.com/gist/6139405" rel="nofollow">My demo</a> </p>