title: CSS3 animation Slide div form right to left Onclick of button
body: <p>I am trying to slide a div from right to left on-click. And close it, slide it to right again on-click of close button Using CSS3 transition and animation.</p>
  
  <p>Here is the link to fiddle: <a href="https://jsfiddle.net/5xhsshmL/4/" rel="noreferrer">Click Here</a></p>
  
  <p>Sample CSS:</p>
  
  <pre><code>.selected {
     animation: slide-in 0.5s forwards;
      -webkit-animation: slide-in 0.5s forwards;
  }
  
  .dismiss {
      animation: slide-out 0.5s forwards;
      -webkit-animation: slide-out 0.5s forwards;
  }
  </code></pre>
  
  <p>Can someone explain me what wrong I am doing here? and how to solve it?</p>
  
  <p>Thanks</p>