title: How to add transition effect on backwards
body: <p>I've a problem with sliding effect on div. When it have a class <code>hddn</code> overlay will get <code>right: -100%;</code> from viewport. But when <code>hddn</code> removed it will return to viewport <code>right: 0</code>. But i need to to animate this movement. How can i solve this.</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="overlay"&gt;
           &lt;div class="content"&gt;
           &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Working example <a href="https://codepen.io/baagii95/pen/xpLBZR" rel="nofollow noreferrer">here</a></p>