title: Slide right effect with pure CSS
body: <p>I need to make certain element (with position: fixed) slide from the right side of the screen, stay there for a while and hide from right again. I don't know the width, which makes it harder to achieve. I did it with jQuery before, but I'd like to use pure CSS. Is that possible? I don't mind using third party solution.</p>
  
  <p>Here's my jQuery code:</p>
  
  <pre><code>$("element")
      .css("right", -$("element").outerWidth() + "px")
      .animate({right: 0}, 800)
      .delay(3000)
      .animate({right: -$("element").outerWidth() + "px"}, 800);
  </code></pre>